oss/miniflux-v2
oss/miniflux-v2
1
0
Fork 0
mirror of https://github.com/miniflux/v2.git synced 2025-08-01 17:38:37 +00:00
Code Wiki Activity

Add toast message for some keyboard shortcuts

Browse source 
Add notification message when using keyboard shortcuts: f, s, and m.
This commit is contained in:
Jebbs 2019-10-07 11:55:15 +08:00 • committed by Frédéric Guillot
parent 02dbe3ef2e
commit bf357a0e2d
18 changed files with 204 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

29
ui/static/css/common.css
View file

@ -151,6 +151,35 @@ a:hover {
display: none;
}
.toast-wrap {
visibility: hidden;
opacity: 0;
position: fixed;
left: 0;
bottom: 10%;
color: #fff;
width: 100%;
text-align: center;
}
.toast-msg {
background-color: rgba(0,0,0,0.7);
padding: 2px 5px;
border-radius: 5px;
}
.toastAnimate {
animation: toastKeyFrames 2s;
}
@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}
}
@media (min-width: 600px) {
body {
margin: auto;