mirror of
https://github.com/miniflux/v2.git
synced 2025-08-01 17:38:37 +00:00
Add button to add to Home screen
This commit is contained in:
parent
997e9422eb
commit
dc4240e702
16 changed files with 101 additions and 30 deletions
|
@ -151,6 +151,29 @@ a:hover {
|
|||
display: none;
|
||||
}
|
||||
|
||||
/* PWA prompt */
|
||||
#prompt-home-screen {
|
||||
display: none;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background: #000;
|
||||
opacity: 85%;
|
||||
}
|
||||
|
||||
#btn-add-to-home-screen {
|
||||
text-decoration: none;
|
||||
line-height: 30px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#btn-add-to-home-screen:hover {
|
||||
color: red;
|
||||
}
|
||||
|
||||
/* Notification - "Toast" */
|
||||
.toast-wrap {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
|
@ -162,11 +185,11 @@ a:hover {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.toast-msg {
|
||||
.toast-msg {
|
||||
background-color: rgba(0,0,0,0.7);
|
||||
padding: 2px 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.toastAnimate {
|
||||
animation: toastKeyFrames 2s;
|
||||
|
@ -174,10 +197,10 @@ a:hover {
|
|||
|
||||
@keyframes toastKeyFrames {
|
||||
0% {visibility: hidden; opacity: 0;}
|
||||
25% {visibility: visible; opacity: 1; z-index: 9999}
|
||||
50% {visibility: visible; opacity: 1; z-index: 9999}
|
||||
75% {visibility: visible; opacity: 1; z-index: 9999}
|
||||
100% {visibility: hidden; opacity: 0; z-index: 0}
|
||||
25% {visibility: visible; opacity: 1; z-index: 9999}
|
||||
50% {visibility: visible; opacity: 1; z-index: 9999}
|
||||
75% {visibility: visible; opacity: 1; z-index: 9999}
|
||||
100% {visibility: hidden; opacity: 0; z-index: 0}
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue