diff options
| author | Adam Soltys <[email protected]> | 2026-10-19 22:52:56 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-10-19 22:52:56 -0700 |
| commit | b054dfd07e9313eca3df5d052b4f32cc4460ac48 (patch) | |
| tree | 119c6467574b1d50cd323ed9e56e5fe99acaddfe /src/style.css | |
| parent | 6ed6cf4b85fbdbc66fa3bf81a49c8b4897ce4b7f (diff) | |
| download | coinosv3-b054dfd07e9313eca3df5d052b4f32cc4460ac48.tar.gz coinosv3-b054dfd07e9313eca3df5d052b4f32cc4460ac48.zip | |
Videos: the seek bar is out of sight (and out of reach) while a clip plays. A tap near the foot of the screen brings it up for a few seconds without pausing (longer while it's dragged), and a paused clip shows it.
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_013ZDf1cyCQLkfjftYhymZAg
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/style.css b/src/style.css index 4a5661e..6e1097a 100644 --- a/src/style.css +++ b/src/style.css @@ -1729,7 +1729,10 @@ body::after { position: absolute; left: 16px; right: 16px; bottom: var(--mp-seek-lift); z-index: 3; height: 28px; display: flex; align-items: flex-end; touch-action: none; cursor: pointer; visibility: hidden; opacity: 0; } -.mp-seek.ready { visibility: visible; opacity: 1; transition: opacity .18s; } +/* out of sight (and out of reach: a tap there must not jump the clip) while + it plays; up when paused (.show), after a tap near the foot (.reveal), or held */ +.mp-seek.ready { visibility: visible; opacity: 0; pointer-events: none; transition: opacity .18s; } +.media-pager.show .mp-seek.ready, .mp-seek.ready.reveal, .mp-seek.ready.drag { opacity: 1; pointer-events: auto; } /* only the clip on screen's bar, and not while the pager is in motion (a finger, a glide, a flight): it goes at once and fades back in on landing */ .mp-slide:not(.mp-cur) .mp-seek, .media-pager.moving .mp-seek { opacity: 0; transition: none; pointer-events: none; } |