Android: visual polish divergences from the web design system #128

New issue

Closed

opened 2026-08-18 10:45:24 +00:00 by nalum · 0 comments

nalum commented

2026-08-18 10:45:24 +00:00

Owner

From the surface parity report (2026-08-18), section 4. The celebrate-state and theme-workshop items have their own issues; this collects the rest.

Material:

No save arc — busy buttons swap the label for a spinner, the exact pattern the web rule forbids; no ✓ + celebrate ring (Board.kt:364 vs web SaveButton).
No loading skeletons — the "Fetching the chore list…" strings sit unused in the catalog.
One raw system android.widget.Toast outside the theme (Meals.kt:770).

Moderate:

Page headings 28sp vs the web 34px h1; headlineLarge exists unused (Board.kt:231).
Error banner invented: loud 2dp danger box with detail in danger red; web keeps detail quiet — monospace, small, ink-soft (Errors.kt:42-56 vs ErrorDetail.tsx).
Sheets are always bottom sheets — never the web centred card ≥700px; M3 drag handle instead of pinned head + ✕; title scrolls with content; errors inline not pinned (LocalizedBottomSheet.kt).
Theme picker is a flat ungrouped FlowRow with three dots per chip; web has grouped headings and one accent dot (Settings.kt:1176-1218).
Splash hard-codes Hearth; system-bar icon polarity follows the OS, not the in-app mode (res/values/themes.xml, MainActivity.kt:46).
Card shadow not strengthened in dark mode (Board.kt:113).
No .btn-quiet dress — bare M3 TextButton without the 2dp line border (Marks.kt:469).

Minor: header date 20sp and no "·" separator; card padding 24/18dp vs 27/22.5px; mark disc 40/64dp vs 44/72px; stamp mark missing its drop shadow; icon drift; fixed 13sp tab labels.

From the surface parity report (2026-08-18), section 4. The celebrate-state and theme-workshop items have their own issues; this collects the rest. Material: - No save arc — busy buttons swap the label for a spinner, the exact pattern the web rule forbids; no ✓ + celebrate ring (`Board.kt:364` vs web `SaveButton`). - No loading skeletons — the "Fetching the chore list…" strings sit unused in the catalog. - One raw system `android.widget.Toast` outside the theme (`Meals.kt:770`). Moderate: - Page headings 28sp vs the web 34px h1; `headlineLarge` exists unused (`Board.kt:231`). - Error banner invented: loud 2dp danger box with detail in danger red; web keeps detail quiet — monospace, small, ink-soft (`Errors.kt:42-56` vs `ErrorDetail.tsx`). - Sheets are always bottom sheets — never the web centred card ≥700px; M3 drag handle instead of pinned head + ✕; title scrolls with content; errors inline not pinned (`LocalizedBottomSheet.kt`). - Theme picker is a flat ungrouped FlowRow with three dots per chip; web has grouped headings and one accent dot (`Settings.kt:1176-1218`). - Splash hard-codes Hearth; system-bar icon polarity follows the OS, not the in-app mode (`res/values/themes.xml`, `MainActivity.kt:46`). - Card shadow not strengthened in dark mode (`Board.kt:113`). - No `.btn-quiet` dress — bare M3 `TextButton` without the 2dp line border (`Marks.kt:469`). Minor: header date 20sp and no "·" separator; card padding 24/18dp vs 27/22.5px; mark disc 40/64dp vs 44/72px; stamp mark missing its drop shadow; icon drift; fixed 13sp tab labels.

nalum added the

enhancement

android

labels

2026-08-18 10:45:24 +00:00

nalum referenced this issue

2026-08-18 11:22:44 +00:00

Order of work for the open backlog (#107–#136) #137

nalum referenced this issue from a pull request that will close it,

2026-08-18 16:28:00 +00:00

fix(android): visual polish from the web design canon (#128) #159

nalum closed this issue