List chrome: even Filter spacing, headings morph for every group #533

Closed
kayg wants to merge 0 commits from issue/469-filter-gap into dev
Owner

Two production fixes from #522 (list chrome), on one branch.

Filter spacing. The Filter is now equidistant from the title block and the first heading, one token (--filter-gap, 20 px on a phone). Measured subtitle-text-bottom to Filter-top, and Filter-bottom to first-H2-text-top (Trash: to the hint above and the first row below):

screen width before (above / below) after
Journal, All notes, tag, Pinned 390 7.0 / 31.8 20.0 / 19.8
same 768 (list beside the note) 14.5 / 23.8 14.5 / 14.8
Trash 390 18.4 / 7.0 18.5 / 18.5
Trash 768 12.9 / 6.0 9.5 / 9.0

Group headings did nothing for some labels. The heading buttons and the morph were intact; the labels "Previous 30 days" and "Upcoming" (made by groups()) had no dates to morph to, so a tap changed nothing, and "Earlier" said "Before <7 days ago>". Every label now has its dates (ranges as "d Month - d Month").

Tests (list-chrome.spec.ts): the two gaps are equal within 1 px on every list at 390 and 768; a heading morphs to its dates and back (rows and gallery, phone and desktop) and answers Enter; every journal heading changes on tap. Ran list-chrome + phone-bars on chromium-390 and webkit-390: 510 passed; list-chrome on all four projects: 40 passed, 32 skipped. svelte-check: 0 errors.

🤖 Generated with Claude Code

https://claude.ai/code/session_01WCcFhwwgMK66k9LMVqogNJ

Two production fixes from #522 (list chrome), on one branch. **Filter spacing.** The Filter is now equidistant from the title block and the first heading, one token (`--filter-gap`, 20 px on a phone). Measured subtitle-text-bottom to Filter-top, and Filter-bottom to first-H2-text-top (Trash: to the hint above and the first row below): | screen | width | before (above / below) | after | |---|---|---|---| | Journal, All notes, tag, Pinned | 390 | 7.0 / 31.8 | 20.0 / 19.8 | | same | 768 (list beside the note) | 14.5 / 23.8 | 14.5 / 14.8 | | Trash | 390 | 18.4 / 7.0 | 18.5 / 18.5 | | Trash | 768 | 12.9 / 6.0 | 9.5 / 9.0 | **Group headings did nothing for some labels.** The heading buttons and the morph were intact; the labels "Previous 30 days" and "Upcoming" (made by `groups()`) had no dates to morph to, so a tap changed nothing, and "Earlier" said "Before <7 days ago>". Every label now has its dates (ranges as "d Month - d Month"). Tests (`list-chrome.spec.ts`): the two gaps are equal within 1 px on every list at 390 and 768; a heading morphs to its dates and back (rows and gallery, phone and desktop) and answers Enter; every journal heading changes on tap. Ran list-chrome + phone-bars on chromium-390 and webkit-390: 510 passed; list-chrome on all four projects: 40 passed, 32 skipped. svelte-check: 0 errors. 🤖 Generated with [Claude Code](https://claude.com/claude-code) https://claude.ai/code/session_01WCcFhwwgMK66k9LMVqogNJ
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WCcFhwwgMK66k9LMVqogNJ
List headings: every group label has dates to show (Previous 30 days, Upcoming, Earlier), so a tap morphs; tests for the tap and Enter (#469)
Some checks failed
CI / server (pull_request) Successful in 30s
CI / rust (pull_request) Successful in 2m24s
CI / web (pull_request) Failing after 23s
5f471bdf30
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WCcFhwwgMK66k9LMVqogNJ
Author
Owner

Landed in train y, #565.

Landed in train y, #565.
kayg closed this pull request 2026-10-17 20:10:18 +00:00
Some checks failed
CI / server (pull_request) Successful in 30s
CI / rust (pull_request) Successful in 2m24s
CI / web (pull_request) Failing after 23s

Pull request closed

Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
kayg/calternal!533
No description provided.