aboutsummaryrefslogtreecommitdiffstats
path: root/src/style.css
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-10-25 07:52:27 -0700
committerAdam Soltys <[email protected]>2026-10-25 07:52:27 -0700
commit67e184a659c6a4b3251a57e0a862e3435bfda751 (patch)
tree3aed0bd0bdb05e5568183bfe6e917f4f2d493dcb /src/style.css
parent4c3ec3ea6b8d909466044071bee3b852c6bf0845 (diff)
downloadcoinosv3-67e184a659c6a4b3251a57e0a862e3435bfda751.tar.gz
coinosv3-67e184a659c6a4b3251a57e0a862e3435bfda751.zip
A feed clip with timed reactions seeks on the moments bar alone: the player's own controls (its seek bar) stay off, the middle play/pause shows whenever it's paused (touch too), and the sound button stays to turn it down again
Co-Authored-By: Claude Opus 5.5 <[email protected]> Claude-Session: https://claude.ai/code/session_01QjVvE4YAcK3AGwV7kZXeN4
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css3
1 files changed, 3 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css
index ebfe47a..0fb8e9a 100644
--- a/src/style.css
+++ b/src/style.css
@@ -866,6 +866,9 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; }
.vid-pp-i { width: 0; height: 0; margin-left: 5px; border-style: solid; border-width: 13px 0 13px 22px; border-color: transparent transparent transparent #fff; }
.vid-pp.playing .vid-pp-i { width: 20px; height: 24px; margin: 0; border-width: 0 7px; border-color: #fff; }
.has-mouse .note-video-box:hover .vid-pp, .vid-pp:focus-visible { display: flex; }
+/* the moments bar is the clip's only seek bar: the middle button is its play
+ control on a touch screen too, up whenever the clip is paused */
+.note-video-box.own-bar .vid-pp:not(.playing) { display: flex; }
.note-video-box:has(.vid-heavy) .vid-pp { display: none; }
.vid-sound {
position: absolute; top: 8px; left: 8px; z-index: 2; margin: 0; padding: 4px 10px; border: 0;