From 1424cc46382266a51123a8425424f3c8cb943e8e Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sat, 14 Nov 2026 22:36:58 -0700 Subject: 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 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01VMan6UKGJyuGyZFxddYRxS --- src/style.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'src/style.css') 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); } -- cgit v1.2.3