37 lines
2.5 KiB
Markdown
37 lines
2.5 KiB
Markdown
# UI Normalization — Visual Check
|
||
|
||
Run the app and walk each surface. Lane B intentionally shifted some values (12px→13px, 9px→10px, 16px→18px, off-palette colors folded to the palette), so small differences are expected — you're checking nothing looks *broken*.
|
||
|
||
## Global
|
||
- [ ] All text renders in **Inter Tight** (sans), not Segoe UI. Labels that were previously "off" (Settings field labels) now match.
|
||
- [ ] Mono text (chips, log lines, file paths, eyebrows, titlebar titles) still renders in JetBrains Mono.
|
||
|
||
## Main window
|
||
- [ ] Status-bar connection dot color: online = moss green, reconnecting = peat/amber, offline = blood red.
|
||
- [ ] Islands, task rows, chips, agent strips, terminal all look unchanged.
|
||
|
||
## Task row
|
||
- [ ] Schedule flyout (the date popup) renders with a visible border (was a broken/missing `BorderBrush` key — now `LineBrush`).
|
||
|
||
## Modals — now wrapped in ModalShell (check titlebar drag, ✕ close, footer buttons)
|
||
- [ ] **Settings** — titlebar "SETTINGS", drag works, ✕ closes, Cancel/Save footer. Tabs (General/Worktrees/Files/Prime Claude) intact.
|
||
- [ ] **List settings** — Delete (left) + Cancel/Save (right) footer; section panels intact.
|
||
- [ ] **Merge** — task summary + action buttons.
|
||
- [ ] **About** — version/data/logs/config labels.
|
||
- [ ] **Unfinished planning** — body text + primary action.
|
||
- [ ] **Repo import** — toolbar at top of body, repo list scrolls, footer.
|
||
- [ ] **Worktrees overview** — rows render; force-remove/phantom text is red (StatusError); state badge text legible. NOTE: window decorations changed to borderless (ModalShell draws the border) — confirm it still looks right.
|
||
- [ ] **Diff modal** — diff text mono, add/del colors, merge button in footer.
|
||
- [ ] **Conflict resolution** — now ModalShell; conflict list mono; error text red.
|
||
|
||
## Not wrapped in ModalShell (intentional — distinct chrome)
|
||
- [ ] **Worktree modal** (the big 1100×720 acrylic-blur diff window) — unchanged look, fonts slightly normalized.
|
||
- [ ] **Planning diff view** (embedded) — diff renders, mono font, warning text red.
|
||
|
||
## Date picker
|
||
- [ ] Selected day: accent background with light text (was hardcoded white → TextBrush).
|
||
|
||
## If something looks wrong
|
||
- Font/size off → check the snap mapping in `2026-05-30-ui-normalization.md` (11→Mono=11, 12→Body=13).
|
||
- A modal's layout broke → that modal's body may have coupled to the old Grid rows; revert just that file's ModalShell wrap and keep only the token changes (the fallback noted in the plan).
|