Repository navigation
frontend(feat): refine the menu's typography and row rhythm - #92
Conversation
Give the menu-bar popover one type scale in which weight, not size, carries the hierarchy: 13-point semibold title, 13-point medium row names, 11-point secondary details and 11-point semibold headings. - Every available row is 48 points high (unavailable rows 64), instead of 44 for profiles and 56 for workspaces. - Profiles show a monogram disc and workspaces a folder, pin or missing folder tile, replacing identical person symbols. - Hover and keyboard selection paint an inset, rounded plate with a faint label-colour outline, full strength under Increase Contrast. - Rules divide rows only within a group, start at the title column and hide beside a highlighted row; space above headings separates groups. - The quota column sets a smaller, quieter percent sign beside tabular figures. - The header mark, title, row marks and names share columns; one rule now sits under the filters rather than under the title. Tests follow the new row heights, inset rules and highlight plate, and check that a rule steps aside beside the selection. Previews, DESIGN.md and the site's preview height are regenerated. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info
📝 Walkthrough
Merge Risk: ⚪ Minimal · up to
|
Summary
The menu-bar popover had little visual hierarchy: the title, row names, group headings and quota figures were all bold, rows were uneven heights, and full-width separators doubled up with section headings. This PR refines its typography, spacing and row styling without changing behaviour.
DESIGN.md, both committed previews, the site's preview
height(478 → 490) and the## Unreleasedchangelog are updated.Testing
make checkon macOS: syntax, behaviour, packaging, native macOS tests and ShellCheck, all passing.MenuInteractionTestsnow checks 48/64-point rows, one in-group rule aligned with the title column and trailing inset, that the rule beside the selected row hides and returns, and the selection outline, fill and appearance changes on the new highlight plate.Scope and compatibility
Checklist
make check; if the environment lacks ShellCheck, I ranmake testand documented the missing lint result instead.or migrates auth tokens or ChatGPT cookies.
app defaultsession and use theoriginal signed app bundle. (No launch changes in this PR.)
🤖 Generated with Claude Code
Summary by CodeRabbit