diff options
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/src/style.css b/src/style.css index 71c21a6..af12d49 100644 --- a/src/style.css +++ b/src/style.css @@ -1854,10 +1854,9 @@ body::after { /* Always visible, including when the media controls are tucked away. */ .mp-position { position: absolute; top: calc(env(safe-area-inset-top, 0px) + 16px); left: 50%; transform: translateX(-50%); padding: 5px 10px; border-radius: 20px; background: #0009; color: #fff; font-size: 13px; font-variant-numeric: tabular-nums; pointer-events: none; z-index: 5; } -/* in the video pager the counter shows while the pager is in motion and - fades out a moment after it settles (the animation restarts each time - `moving` comes off) */ -.media-pager.videos .mp-position { animation: mp-position-out .4s 1.2s both; } -.media-pager.videos.moving .mp-position { animation: none; opacity: 1; } +/* the counter shows while the pager is in motion and fades out a moment + after it settles (the animation restarts each time `moving` comes off) */ +.media-pager .mp-position { animation: mp-position-out .4s 1.2s both; } +.media-pager.moving .mp-position { animation: none; opacity: 1; } @keyframes mp-position-out { from { opacity: 1; } to { opacity: 0; } } .media-pager.few .mp-position { visibility: hidden; } |