From ec3bd3e3155d312d88f0f215b24ab131901b36b1 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Thu, 17 Sep 2026 15:33:46 -0700 Subject: Feed: the zap tally rides on the action-bar bolt, not the header. The sats total used to sit up by the timestamp as its own chip; now it is the count on the zap button, like likes and boosts have theirs. Amber once anyone has zapped, breathing while ours is in flight, and shown read-only (no zap handler) on posts you can't zap so the number still reads. Co-Authored-By: Claude Fable 5.1 --- src/style.css | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index bb90480..3fd3de2 100644 --- a/src/style.css +++ b/src/style.css @@ -560,6 +560,17 @@ hr.divider { margin: 16px 0; } .note-act:hover { background: var(--surface2); color: var(--ink); } .note-act.on { color: #e0245e; } .note-act.on[aria-label="Boost"] { color: var(--green); } +/* the zap button carries the sats tally: amber once anyone has zapped, the + number in amber too; breathing while our own zap is in the air */ +.note-act.note-zap.zapped, .note-act.note-zap.zapped .note-act-n { color: #e6a800; } +.note-act.note-zap[aria-disabled] { cursor: default; } +.note-act.note-zap[aria-disabled]:hover { background: none; color: var(--faint); } +.note-act.note-zap.zapped[aria-disabled]:hover { color: #e6a800; } +.note-act.note-zap.flying { animation: zap-breathe 1.15s ease-in-out infinite; } +.note-act.note-zap.flying svg { animation: zap-flicker 1.15s ease-in-out infinite; transform-origin: center; } +@media (prefers-reduced-motion: reduce) { + .note-act.note-zap.flying, .note-act.note-zap.flying svg { animation: none; opacity: .7; } +} .note-act-emoji { font-size: 17px; line-height: 1; } .note-act-n { font-size: 12px; font-weight: 600; color: var(--muted); } .note-who-toggle.on { color: var(--muted); } -- cgit v1.2.3