diff options
| author | Adam Soltys <[email protected]> | 2026-10-02 10:20:57 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-10-02 10:20:57 -0700 |
| commit | af19e72e54b1b3bac210d8c9d74317f662160c18 (patch) | |
| tree | 4899e195ab1f9d2850d51b30e6b5f89ba88a6412 /src/style.css | |
| parent | ef6729ceaf49d2d85bc8920c2c7756086ee7450d (diff) | |
| download | coinosv3-af19e72e54b1b3bac210d8c9d74317f662160c18.tar.gz coinosv3-af19e72e54b1b3bac210d8c9d74317f662160c18.zip | |
Feed form: relays and an every-post firehose; its Back works; a stronger new-post tint
- The new/edit feed form gets a Relays field (read this feed from these
relays only) and "Every post on these relays", which saves a firehose
feed (optionally curated) named after its relay and hides the people,
packs and topics it doesn't need. It used to take a hand-typed
/feed/all?r= link.
- The form's Back did nothing visible: opening it made no history entry,
so Back went to the page behind the feed and left the form up. The
editor (and the gear page's Spending/Savings view) are now part of the
navigation state.
- New-post tint 9% -> 16% green in light mode; dark mode unchanged.
- tools/feed-editor-relays-test.js.
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Dmcrt9KyNDKVWFKnb8BREo
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/style.css b/src/style.css index 7ef428c..5bb171a 100644 --- a/src/style.css +++ b/src/style.css @@ -964,12 +964,15 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; } side shadows carry the tint through the list's padding to its edges. */ .notes-feed > .row { transition: background-color 3s ease-out, box-shadow 3s ease-out; } .notes-feed > .row.note-fresh { - --fresh-bg: color-mix(in srgb, var(--green) 9%, var(--paper)); + /* 9% was a whisper on white; dark mode keeps it (the green carries more there) */ + --fresh-bg: color-mix(in srgb, var(--green) 16%, var(--paper)); background-color: var(--fresh-bg); box-shadow: -14px 0 0 var(--fresh-bg), 14px 0 0 var(--fresh-bg); } +:root[data-theme="dark"] .notes-feed > .row.note-fresh { --fresh-bg: color-mix(in srgb, var(--green) 9%, var(--paper)); } + /* Inline move-money panel on the balance card. */ .balance-move { gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); text-align: left; } /* balance carousel: the other face peeks at the card's edge and drags into |
