mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-02-10 23:36:14 -05:00
Prevent notifications from flickering when hovered.
Fixes https://github.com/TryGhost/Ghost/issues/3166 This commit has a related JS fix.
This commit is contained in:
parent
b4f048f7cc
commit
c3b5d852a6
3 changed files with 9 additions and 3 deletions
|
@ -43,6 +43,12 @@
|
|||
animation: fade-in 0.5s;
|
||||
}
|
||||
|
||||
@include keyframes(fade-in-snap) {
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Fade Out
|
||||
TODO: Make the fadeIn keyframe name hyphenated, not camelCase
|
||||
|
|
|
@ -102,7 +102,7 @@
|
|||
}
|
||||
|
||||
&.notification-passive:hover {
|
||||
@include animation(fade-in 0.2s linear);
|
||||
@include animation(fade-in-snap 0.2s linear);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
4
core/client/docs/dist/css/ghost-ui.min.css
vendored
4
core/client/docs/dist/css/ghost-ui.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Reference in a new issue