diff options
| author | Adam Soltys <[email protected]> | 2026-09-28 22:17:56 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-09-28 22:17:56 -0700 |
| commit | b1397fc6b0c6b91a0835911b9dd52c0b09432d56 (patch) | |
| tree | df5ed3b4da6581ab20cf9eb9b1cd98620a754162 /src/style.css | |
| parent | 6bd5397375e602d360982820aa7a749281053516 (diff) | |
| download | coinosv3-b1397fc6b0c6b91a0835911b9dd52c0b09432d56.tar.gz coinosv3-b1397fc6b0c6b91a0835911b9dd52c0b09432d56.zip | |
New posts: the pill lands on the oldest one, and each wears a tint until you've seen it.
The new-posts pill used to glide to the top of the feed; now it stops at
the oldest post that came in, right above where you were reading, so you
read on upward. Posts that arrive while you read are tinted until they've
been in view about two seconds, then fade to the plain page (like Amethyst).
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index dc116a3..e907bd5 100644 --- a/src/style.css +++ b/src/style.css @@ -903,6 +903,15 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; } border-left: none; border-right: none; border-radius: 0; box-shadow: none; } +/* A post that arrived while you were reading wears a tint until it has been + on screen a couple of seconds; then it fades to the plain page. The side + shadows carry the tint through the list's padding to its edges. */ +.notes-feed > .row { transition: background-color .9s ease, box-shadow .9s ease; } +.notes-feed > .row.note-fresh { + --fresh-bg: color-mix(in srgb, var(--green) 9%, var(--paper)); + background-color: var(--fresh-bg); + box-shadow: -14px 0 0 var(--fresh-bg), 14px 0 0 var(--fresh-bg); +} /* Inline move-money panel on the balance card. */ |