From 564503891195d2577410d3d8a39babdc5ba45a41 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sat, 17 Oct 2026 04:54:03 -0700 Subject: The video pager's position counter shows while the pager moves and fades out a moment after it settles. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- src/style.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'src/style.css') 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; } } -- cgit v1.2.3