Skip to content

Navigation & Settings redesign (v0.16.0-beta.1)#66

Merged
mapgie merged 5 commits into
mainfrom
claude/new-session-LOIbs
May 31, 2026
Merged

Navigation & Settings redesign (v0.16.0-beta.1)#66
mapgie merged 5 commits into
mainfrom
claude/new-session-LOIbs

Conversation

@mapgie

@mapgie mapgie commented May 31, 2026

Copy link
Copy Markdown
Owner

Summary

  • Settings moved out of bottom nav — gear icon in the Home screen top app bar replaces the Settings tab; bottom bar is now Home / History / (Dashboard) / Stats only
  • Settings screen — flat Material list — expandable accordion cards replaced with dense ListItem rows; each section opens a dedicated sub-screen with a back arrow instead of expanding inline
  • Settings section headersSemiBold, primary colour, 20 dp top padding for clear group separation
  • Navigation items trail a ChevronRight; toggle items trail a Material Switch (updates state immediately, no navigation)
  • Section dividers between major groups; leading icons in 24×24 dp bounding boxes; surface background removes the old "boxed" surfaceVariant look

Sections moved to sub-screens

Cycle · One-Tap Quick Log · Reminders · Appearance · Security & Privacy · Data & Backup · Widgets · About

Test plan

  • Gear icon appears top-right on Home screen and navigates to Settings
  • Bottom nav shows exactly 3 tabs (Home, History, Stats) — or 4 when Dashboard is enabled
  • Settings opens as a flat list; each row taps through to its sub-screen with a working back arrow
  • Toggle rows (period predictions, ovulation markers, reminders, biometric, widget visibility) update immediately without navigating
  • Back button / gesture from a sub-screen returns to the main Settings list
  • Changelog entry present at 0.16.0-beta.1

claude added 4 commits May 31, 2026 11:59
Global navigation:
- Remove Settings from bottom nav bar; bottom bar now has 3 tabs (Home, History, Stats)
- Add Settings gear icon (IconButton) to top-right of Home screen app bar

Settings screen:
- Replace expandable accordion cards with flat Material ListItem layout
- Section headers: SemiBold weight, primary colour, 20dp top padding
- Each settings section becomes a sub-screen (back arrow, dedicated TopAppBar)
  Cycle · One-Tap Quick Log · Reminders · Appearance · Security & Privacy ·
  Data & Backup · Widgets · About
- Navigation items trail a ChevronRight; toggle items trail a Material Switch
- HorizontalDividers between major groups
- Icons in 24×24dp bounding boxes via SettingsNavItem
- Support banner padding aligned with list item insets
@mapgie mapgie changed the title Redesign navigation and Settings per handoff spec Navigation & Settings redesign (v0.16.0-beta.1) May 31, 2026
@mapgie mapgie merged commit b966ab2 into main May 31, 2026
4 checks passed
@mapgie mapgie deleted the claude/new-session-LOIbs branch May 31, 2026 13:18
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