Skip to content

fix(welcome): visible icon chips, no stuck focus ring, scrollable recent list#80

Merged
th3-br41n merged 2 commits into
mainfrom
fix/welcome-polish
Jul 3, 2026
Merged

fix(welcome): visible icon chips, no stuck focus ring, scrollable recent list#80
th3-br41n merged 2 commits into
mainfrom
fix/welcome-polish

Conversation

@th3-br41n

Copy link
Copy Markdown
Contributor

Summary

  • Define the missing --color-surface-raised token: it was referenced by 9 renderer rules (welcome tile chips, template-card chips, several Settings panels) but never defined in any theme, so those surfaces rendered transparent. Added surface.raised to the token shape, all 12 themes, and the CANONICAL_TOKEN_NAMES snapshot — the welcome tiles' icon chips now all read as matching 44px chips.
  • Remove the welcome tile's local :focus-visible ring. Folder-dialog / popover close restores focus programmatically and Chromium marks that restore :focus-visible, so the accent ring stuck after plain mouse clicks. Deliberate Tab still shows the global [data-kbnav] themed ring (WCAG 2.4.7 intact).
  • Long recent-vault list: cap at ~5 rows with in-place scrolling, let the splash scroll on short windows (margin-auto centering keeps the top reachable), pin the drag-region title bar, and keep vault names on one line (path ellipsizes first).
  • Includes a small pre-existing contacts list-controls wrap fix that was sitting in the working tree.

Verification

  • Drove the built shell under Playwright with a 10-vault registry: chips measure 44×44 with the themed background, focused tile computes outline: none after popover close, kbnav ring appears only after a real Tab, list scrolls in place.
  • vitest tokens + welcome suites pass (31/31); check-css-tokens passes (every var() resolves); biome clean.

🤖 Generated with Claude Code

th3-br41n and others added 2 commits July 3, 2026 11:01
…cus ring, make long recent list scroll

- --color-surface-raised was referenced in 9 renderer rules (welcome tile
  chips, template-card chips, settings panels) but never defined in any
  theme, so those surfaces rendered transparent — the welcome tiles' icon
  chips were invisible next to the accent-tinted primary chip. Add
  surface.raised to the token shape, all 12 themes, and the canonical
  token-name snapshot.
- Remove the welcome tile's local :focus-visible ring: popover/dialog
  close restores focus programmatically and Chromium marks it
  :focus-visible, lighting a stuck accent ring after plain mouse clicks.
  Deliberate Tab still gets the global kbnav themed ring.
- Long recent-vault lists: cap the list at ~5 rows with in-place scroll,
  let the splash itself scroll on short windows (margin-auto centering so
  the top stays reachable), pin the drag-region title bar, and keep vault
  names on one line (path ellipsizes first).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Pre-existing working-tree change (from an earlier session) included so the
tree is clean.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@th3-br41n th3-br41n merged commit 61ae9af into main Jul 3, 2026
1 of 3 checks passed
@th3-br41n th3-br41n deleted the fix/welcome-polish branch July 3, 2026 09:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant