feat(ui): refine the day / unread divider styling (LC-379) #388

Merged

longjacksonle merged 1 commit from feat/lc-379-day-divider into main

2026-06-19 18:35:48 +02:00

longjacksonle commented

2026-06-19 18:34:36 +02:00

Owner

Closes LC-379. Part of the LC-375 room-view deep-polish epic.

What

Refines the "TODAY" day separator into a lighter Slack/Discord-style divider: a hairline rule on each side of a small rounded, muted pill label.

The container / rule / pill are factored into shared .lc-day-divider / .lc-day-rule / .lc-day-chip classes, so the server render (room/message.html) and the client insert for live day-boundary arrivals (partials/auto_scroll.html) stay byte-identical by construction instead of by matching long Tailwind strings. role="separator" is preserved on both.
The unread divider is migrated to the same pill shape, danger-toned (.lc-day-rule-danger / .lc-day-chip-danger), so the two separators read as one family. It is server-rendered only (auto_scroll just queries [data-unread-divider] for scroll positioning, never inserts it), so no client parity is needed there.

Tests

./dev/cargo check, just build-css, just test, just test-saas - all green.
The LC-77 message fixtures carry no day_label, so none needed regenerating.

🤖 Generated with Claude Code

Closes LC-379. Part of the LC-375 room-view deep-polish epic. ## What Refines the "TODAY" day separator into a lighter Slack/Discord-style divider: a hairline rule on each side of a small rounded, muted pill label. - The container / rule / pill are factored into shared `.lc-day-divider` / `.lc-day-rule` / `.lc-day-chip` classes, so the server render (`room/message.html`) and the client insert for live day-boundary arrivals (`partials/auto_scroll.html`) stay byte-identical **by construction** instead of by matching long Tailwind strings. `role="separator"` is preserved on both. - The unread divider is migrated to the same pill shape, danger-toned (`.lc-day-rule-danger` / `.lc-day-chip-danger`), so the two separators read as one family. It is server-rendered only (auto_scroll just queries `[data-unread-divider]` for scroll positioning, never inserts it), so no client parity is needed there. ## Tests - `./dev/cargo check`, `just build-css`, `just test`, `just test-saas` - all green. - The LC-77 message fixtures carry no `day_label`, so none needed regenerating. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

longjacksonle added 1 commit

2026-06-19 18:34:37 +02:00

feat(ui): refine the day / unread divider styling (LC-379)

check-secrets / Kingfisher (push) Successful in 4s

Details

check-secrets / Nosey parker (push) Successful in 7s

Details

check-secrets / TruffleHog (pull_request) Successful in 3s

Details

check-secrets / Nosey parker (pull_request) Successful in 4s

Details

check-secrets / Kingfisher (pull_request) Successful in 4s

Details

check-secrets / TruffleHog (push) Successful in 4s

Details

Create release / Create release from merged PR (pull_request) Has been skipped

Details

Check / clippy + fmt + tests (pull_request) Successful in 6m25s

Details

bb86b82760

Replace the day separator's plain uppercase label-between-two-lines with a lighter, more refined Slack/Discord-style separator: a hairline rule on each side of a small rounded, muted pill label. The container, rule, and pill are factored into shared .lc-day-divider / .lc-day-rule / .lc-day-chip classes so the server render (room/message.html) and the client insert for live day-boundary arrivals (partials/auto_scroll.html) stay byte-identical by construction rather than by matching long Tailwind strings. role="separator" is preserved on both.

The unread divider is migrated to the same pill shape, danger-toned (.lc-day-rule-danger / .lc-day-chip-danger), so the two separators read as one family. It is server-rendered only (auto_scroll just queries [data-unread-divider] for scroll positioning, never inserts it), so no client parity is required there.

No backend or i18n changes; the LC-77 message fixtures carry no day_label, so none needed regenerating.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>