feat(ui): align the room header action cluster (LC-388) #399

Merged

longjacksonle merged 1 commit from feat/lc-388-header-spacing into main

2026-06-20 04:51:28 +02:00

longjacksonle commented

2026-06-20 04:50:55 +02:00

Owner

Closes LC-388. Final ticket of the LC-383 room-polish-2 epic.

What

Tidies the room header's hierarchy and gives the right-hand action cluster one consistent treatment. (The composer toolbar, message list, and sidebar room list were already swept in LC-380 / LC-377 / LC-381, so this focuses on the header - the remaining concrete inconsistency.)

Search field aligned. It was shorter than the .lc-header-action buttons (py-1 text-xs ~= 1.75rem vs 2rem), so it sat off the cluster's baseline. Now h-8 to match, with a leading magnifier icon, an elevated surface, and the token accent focus ring shared by the other inputs - so search / jump-to-date / Info / Moderators / the notify pill all sit on one line at one height.
Info / Moderators get icons. They were bare text next to the icon-bearing jumpdate and notify controls; now an info-circle and a shield (icon + label on .lc-header-action), so the whole cluster reads as one consistent set.

Preserved

Markup only; all routes, hx-* wiring, the LC-386 jump-to-date, and the notify dropdown are unchanged.

Tests

Not part of the LC-77 message fixtures, so none needed regenerating.
./dev/cargo check, just build-css, just test, just test-saas - all green.

This closes the LC-383 epic (384 reaction popover, 385 truncation, 386 jump-to-date, 387 grouping, 388 header).

🤖 Generated with Claude Code

Closes LC-388. Final ticket of the LC-383 room-polish-2 epic. ## What Tidies the room header's hierarchy and gives the right-hand action cluster one consistent treatment. (The composer toolbar, message list, and sidebar room list were already swept in LC-380 / LC-377 / LC-381, so this focuses on the header - the remaining concrete inconsistency.) - **Search field aligned.** It was shorter than the `.lc-header-action` buttons (`py-1 text-xs` ~= 1.75rem vs 2rem), so it sat off the cluster's baseline. Now `h-8` to match, with a leading **magnifier** icon, an elevated surface, and the token accent focus ring shared by the other inputs - so search / jump-to-date / Info / Moderators / the notify pill all sit on one line at one height. - **Info / Moderators get icons.** They were bare text next to the icon-bearing jumpdate and notify controls; now an **info-circle** and a **shield** (icon + label on `.lc-header-action`), so the whole cluster reads as one consistent set. ## Preserved Markup only; all routes, `hx-*` wiring, the LC-386 jump-to-date, and the notify dropdown are unchanged. ## Tests - Not part of the LC-77 message fixtures, so none needed regenerating. - `./dev/cargo check`, `just build-css`, `just test`, `just test-saas` - all green. This closes the LC-383 epic (384 reaction popover, 385 truncation, 386 jump-to-date, 387 grouping, 388 header). 🤖 Generated with [Claude Code](https://claude.com/claude-code)

longjacksonle added 1 commit

2026-06-20 04:50:55 +02:00

feat(ui): align the room header action cluster (LC-388)

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

Details

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

Details

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

Details

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

Details

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

Details

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

Details

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

Details

Check / clippy + fmt + tests (pull_request) Successful in 3m17s

Details

94c894977b

Tidy the room header's hierarchy and give the right-hand action cluster one consistent treatment, the last item in the LC-383 room-polish pass (the composer toolbar, message list, and sidebar room list were already swept in LC-380 / LC-377 / LC-381).

The in-room search field was shorter than the .lc-header-action buttons (py-1 text-xs ~= 1.75rem vs 2rem), so it sat off the cluster's baseline. It now matches the action height (h-8), gains a leading magnifier icon, an elevated surface, and the token accent focus ring shared by the other inputs, so search / jump-to-date / Info / Moderators / the notify pill all sit on one line at one height. Info and Moderators were bare text next to the icon-bearing jumpdate and notify controls; they now carry an info-circle and a shield icon (icon + label on .lc-header-action) so the whole cluster reads as one consistent set.

Markup only; all routes, hx-* wiring, the LC-386 jumpdate, and the notify dropdown are unchanged. The room header is not part of the LC-77 message fixtures, so none needed regenerating.

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