aboutsummaryrefslogtreecommitdiffstats
path: root/src/style.css
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-11-14 22:36:58 -0700
committerAdam Soltys <[email protected]>2026-11-14 22:36:58 -0700
commit1424cc46382266a51123a8425424f3c8cb943e8e (patch)
treee2b21346781566709e7d0e9c6800b6f812661ce7 /src/style.css
parent933e85020c2cc56b511ff47a73943c92ea1d044a (diff)
downloadcoinosv3-1424cc46382266a51123a8425424f3c8cb943e8e.tar.gz
coinosv3-1424cc46382266a51123a8425424f3c8cb943e8e.zip
A reply, zap or reaction is about the moment of a clip only when you say so. "i zapped and commented on a post from helen yrmom and didn't intend to tie it to the video timestamp but i guess it did by default. maybe we can revisit the ui/flow there so it doesn't do that by default?" (Adam, 2026-11-14). Anything done to a post whose clip had played took the clip's current time: the reply opened as "Comment at 0:12" (an × to drop it), and a zap's or reaction's sheet had nothing showing it at all. Now the time is offered as a toggle, off until tapped — "⏱ About 0:12 in the clip", ✓ when on — in the reply box, the reaction sheet, and both zap sheets (Ark and Lightning); a one-tap zap, which has no sheet, is never tied. Ticked, it goes out as before (the media tag, "[0:12]" before a comment, its mark on the clip's bar). media-moments-feed-test ticks the toggle where it used to rely on the default and checks it starts off; media-timeline, features-smoke and the zap tests pass
Co-Authored-By: Claude Opus 5.5 <[email protected]> Claude-Session: https://claude.ai/code/session_01VMan6UKGJyuGyZFxddYRxS
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css9
1 files changed, 9 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css
index 022ae77..a0b1069 100644
--- a/src/style.css
+++ b/src/style.css
@@ -2160,3 +2160,12 @@ html:has(.call-overlay:not(.call-min)) { overflow: hidden; scrollbar-gutter: aut
flex-shrink: 0; font: 600 12px/1 inherit; color: var(--muted); padding: 4px 6px;
border: 1px solid var(--line-strong); border-radius: 6px;
}
+
+/* "About 0:12 in the clip": off until tapped */
+.moment-toggle {
+ display: inline-flex; align-items: center; gap: 2px; min-height: 0;
+ padding: 4px 10px; border-radius: 999px; font-size: 13px; font-weight: 600;
+ background: none; color: var(--muted); border: 1px dashed var(--line-strong); cursor: pointer;
+}
+.moment-toggle:hover { color: var(--ink); }
+.moment-toggle.on { color: var(--accent-ink, #fff); background: var(--accent); border: 1px solid var(--accent); }