Skip to content

Align navigation, icons and search with the Cozy Cream handoff - #102

Merged
mapgie merged 1 commit into
mainfrom
claude/design-aesthetic-alignment-y73s4q
Aug 27, 2026
Merged

Align navigation, icons and search with the Cozy Cream handoff#102
mapgie merged 1 commit into
mainfrom
claude/design-aesthetic-alignment-y73s4q

Conversation

@mapgie

@mapgie mapgie commented Aug 27, 2026

Copy link
Copy Markdown
Owner

Third Cozy Cream alignment round, covering the structural chrome the handoff specifies: the bottom utility bar, the outline icon set, the header action row, and search.

What changed

Bottom utility bar (new DashBottomBar.kt, DashNavGraph.kt, AddMenuFab.kt)

  • Replaces the M3 NavigationBar with the handoff's bar: flat on the surface tone with a 1dp hairline top edge, tabs bottom-aligned around a centre slot holding the round 52dp sage add button. The old AddMenuFab is split: AddMenuButton docks in the bar, and the quick-add AddMenu floats centred above it when expanded.
  • Active tab: icon in a tinted pill (lavender/sage/amber per content type) with an accent label; inactive tabs faint. Tab semantics (Role.Tab + selected state), the configurable quick-add order, and the hidden-Memos-tab behaviour are all preserved.

Outline icons

  • Navigation tabs, quick-add menu, header actions, and the chore card's brush chip switch to Icons.Outlined, matching the handoff's thin stroked glyphs.

Header action row + text sort control (handoff 3a-1)

  • Search, owner filter, countdown toggle and zen move from the filter-chip row up into the serif page header's action slot on both lists; task sorting becomes the small "due ↑" text control beside the filter chips.

Search (handoff 3a-2, new core/SearchRow.kt)

  • The header's search icon opens a pill search field with a Cancel action and auto-focus. Results filter live over title, category and owner, listed under an "in tasks · N" / "in chores · N" section label (a polite live region), with the matching substring highlighted in card titles. Search state survives rotation; swipe/tap/long-press behave as in the normal list. Zen mode stays search-free by design.

Docs

  • The design handoff reference files (README.md, github.md, ChoreDash.dc.html) are checked in under docs/design/cozy-cream/ so the source of truth lives with the code. The presentation-only device-frame scripts are omitted.

Not in this round

Search is per-list (the handoff's mock shows cross-domain results from one field); the sort bottom sheet, footer strips, NFC hint card, and the dark reminder screen remain open.

Checks

  • python3 a11y_check.py clean (87 files).
  • Changelog fragment added (changelog/unreleased/cozy-cream-nav-search.json, minor bump).

🤖 Generated with Claude Code

https://claude.ai/code/session_01YZ2FuLCyKuhmXsPMV5RRes


Generated by Claude Code

Third alignment round covering the handoff's structural chrome:

- New DashBottomBar replaces the M3 NavigationBar: flat surface strip
  with a 1dp hairline top edge, tabs bottom-aligned around a centre slot
  holding the round 52dp sage add button (AddMenuFab split into
  AddMenuButton in the bar and the floating AddMenu above it). Active
  tabs show the handoff's tinted pill behind the icon with an accent
  label; inactive tabs are faint. Tab order and the hidden-Memos
  behaviour are unchanged.
- Icons on the navigation, quick-add menu, page headers, and the chore
  card chip switch to the outlined set, matching the handoff's thin
  glyphs.
- List actions (search, owner filter, countdown, zen) move up into the
  page header row per handoff 3a-1; task sorting becomes the small
  "due" text control beside the filter chips.
- Search on Tasks and Chores (handoff 3a-2): a pill search field with
  Cancel, live filtering over title/category/owner, results under an
  "in tasks · N" section label with the matching substring highlighted
  in card titles. Search state survives rotation; zen mode is
  unaffected.
- The design handoff reference files are checked in under
  docs/design/cozy-cream.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01YZ2FuLCyKuhmXsPMV5RRes
@mapgie
mapgie marked this pull request as ready for review August 27, 2026 00:28
@mapgie
mapgie merged commit 39c02e9 into main Aug 27, 2026
5 checks passed
@mapgie
mapgie deleted the claude/design-aesthetic-alignment-y73s4q branch August 27, 2026 00:28
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.

2 participants