diff options
| author | Adam Soltys <[email protected]> | 2026-09-14 14:44:05 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-09-14 14:44:05 -0700 |
| commit | 1b41cb2bbd206367e2dbb591ec0f478e018ae849 (patch) | |
| tree | ab4565067b5a3044775f4074816b64c4e33928ed /src/style.css | |
| parent | aec2952e15faa1f9ffddd21cb1111f48e98d328b (diff) | |
| download | coinosv3-1b41cb2bbd206367e2dbb591ec0f478e018ae849.tar.gz coinosv3-1b41cb2bbd206367e2dbb591ec0f478e018ae849.zip | |
Who reacted, and what happened to your posts.
A chevron on a post's action bar, shown once anyone has reacted, boosted
or zapped it, opens a panel that says who and with what: each zap on its
own line with the amount and any message, then each emoji with the faces
and names behind it, then the boosts. Every face opens the profile. The
zap tally now keeps who sent each receipt, not just the sum.
And a Notifications list on the chat home, under the feed: every like,
boost, zap, reply and mention that names you, one filter on the relays we
read, painted from last time while the relays are asked and live while
open. A row opens the post it is about — or the reply itself — and the
entry counts what arrived since you last looked.
Co-Authored-By: Claude Fable 5.1 <[email protected]>
Claude-Session: https://claude.ai/code/session_01QYJfZ4A1TDCEY4Foq3CApR
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index 8ca9478..97fbbf9 100644 --- a/src/style.css +++ b/src/style.css @@ -554,6 +554,19 @@ hr.divider { margin: 16px 0; } .note-act.on[aria-label="Boost"] { color: var(--green); } .note-act-emoji { font-size: 17px; line-height: 1; } .note-act-n { font-size: 12px; font-weight: 600; color: var(--muted); } +.note-who-chev { display: flex; transition: transform .2s; } +.note-who-chev.open { transform: rotate(180deg); } +/* who reacted, boosted and zapped: opened by the chevron on the bar */ +.note-who { margin-top: 6px; padding: 8px 10px; gap: 8px; background: var(--surface2); border: 1px solid var(--line); border-radius: 10px; font-size: 13px; } +.note-who-line { gap: 10px; align-items: flex-start; min-width: 0; } +.note-who-lead { flex: 0 0 22px; display: flex; justify-content: center; color: var(--muted); padding-top: 3px; } +.note-who-people { gap: 6px 10px; align-items: center; min-width: 0; } +.note-who-person { display: inline-flex; align-items: center; gap: 5px; padding: 2px 6px 2px 2px; border: 0; background: transparent; color: var(--ink); font: inherit; border-radius: 999px; cursor: pointer; min-width: 0; } +.note-who-person:hover { background: var(--surface); } +.note-who-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; } +.note-who-sats { color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } +.alert-row.fresh { background: var(--accent-soft, rgba(128,128,128,.08)); border-radius: 8px; padding-left: 8px !important; padding-right: 8px !important; margin: 0 -8px; } +.alert-excerpt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* The attach button sits between Post and Cancel: a square the size of the buttons beside it, not the sliver a .btn-sm made of a 20px icon. */ .attach-btn { |