aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-10-17 04:54:03 -0700
committerAdam Soltys <[email protected]>2026-10-17 04:54:03 -0700
commit564503891195d2577410d3d8a39babdc5ba45a41 (patch)
treefdc8d248edf61fc3dee5d8ecd3ccb8e2b2b9238b /src
parent8a084e81534cc94418883600ba78292a16d04ffa (diff)
downloadcoinosv3-564503891195d2577410d3d8a39babdc5ba45a41.tar.gz
coinosv3-564503891195d2577410d3d8a39babdc5ba45a41.zip
The video pager's position counter shows while the pager moves and fades out a moment after it settles.
It comes back the moment the pager is in motion again — a finger on the slides, a glide, a flight — keyed off the same `moving` flag that hides the seek bar, and fades out 1.2 s after landing (the fade restarts on every stop). Opening the pager shows it briefly, then it fades. Picture pagers are unchanged. (Adam, 2026-10-17: "the video position counter should fade out once you've stopped scrolling and re-appear when you scroll again".) tools/pager-seek-hide-test.js checks it: faded at rest, back while a finger holds the slides, still there just after the snap back, then gone. Co-Authored-By: Claude Opus 5.5 <[email protected]>
Diffstat (limited to 'src')
-rw-r--r--src/style.css6
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; } }