diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/style.css | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index c621b13..f7d4774 100644 --- a/src/style.css +++ b/src/style.css @@ -1856,3 +1856,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; } +@keyframes mp-position-out { from { opacity: 1; } to { opacity: 0; } } |