feat: collapse phone nav to four core tabs plus More #86

Merged

nalum merged 3 commits from feat/phone-nav-collapse into main 2026-08-16 12:40:53 +00:00

Conversation 2 Commits 3 Files changed 19 +241 -28

nalum commented 2026-08-15 22:25:34 +00:00

Owner

Copy link

Closes #65.

Why

Six tabs crowd a phone bottom bar — above the 3–5 a bar comfortably holds.

What

Below the 900px rail breakpoint, the bar keeps the four core boards — Today, Calendar, Jobs, Lists — plus a More entry (its own icon and label, never icon alone) that opens a Sheet with Meals and Rewards. More shows the active state whenever one of those is the current board, so a member is never lost. The wide rail is unchanged and keeps all six inline — a deliberate, space-forced divergence at the same breakpoint (rule 1). Single-line ellipsised labels stay the floor even with fewer tabs.

Adds a three-dot More glyph to both icon sets.

Surfaces

• web — TabBar.tsx (four core + More button + sheet), app.css (show/hide across the rail breakpoint), Icon.tsx (More glyph).
• Android — Home.kt HomeNavBar (four core + More item + bottom sheet), HomeNavRail unchanged, AppIcons.kt (More glyph).
• docs — layout section records the four-core split and More overflow.
• MCP/CLI have no nav bar (rule 1).

Stacking

Stacked for fast-forward on feat/day-view-short-events (#85). Merge after the chain: #82 → #79 → #80 → #81 → #84 → #85 → this.

make check green (catalogs regenerated for the new "More" string). Verified on both surfaces, narrow and wide, against the local deploy.

🤖 Generated with Claude Code

Closes #65. ## Why Six tabs crowd a phone bottom bar — above the 3–5 a bar comfortably holds. ## What Below the 900px rail breakpoint, the bar keeps the **four core boards** — Today, Calendar, Jobs, Lists — plus a **More** entry (its own icon **and** label, never icon alone) that opens a `Sheet` with **Meals** and **Rewards**. More shows the **active** state whenever one of those is the current board, so a member is never lost. The **wide rail is unchanged** and keeps all six inline — a deliberate, space-forced divergence at the same breakpoint (rule 1). Single-line ellipsised labels stay the floor even with fewer tabs. Adds a three-dot **More** glyph to both icon sets. ## Surfaces - **web** — `TabBar.tsx` (four core + More button + sheet), `app.css` (show/hide across the rail breakpoint), `Icon.tsx` (More glyph). - **Android** — `Home.kt` `HomeNavBar` (four core + More item + bottom sheet), `HomeNavRail` unchanged, `AppIcons.kt` (More glyph). - **docs** — layout section records the four-core split and More overflow. - MCP/CLI have no nav bar (rule 1). ## Stacking Stacked for fast-forward on `feat/day-view-short-events` (#85). Merge after the chain: **#82 → #79 → #80 → #81 → #84 → #85 → this**. `make check` green (catalogs regenerated for the new "More" string). Verified on both surfaces, narrow and wide, against the local deploy. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

nalum added 3 commits 2026-08-15 22:25:35 +00:00

feat(web): collapse phone nav to four tabs plus More ... d873151a09

The phone bottom bar carried all six boards — above the 3–5 a bar
comfortably holds. It now keeps the four core boards (Today, Calendar,
Jobs, Lists) and folds Meals and Rewards behind a More button that opens
a sheet; More shows the active state when one of them is current. The
wide rail is unchanged and keeps all six inline. A three-dot More glyph
joins the icon set.

feat(android): collapse phone nav to four tabs plus More ... 1d19390dc3

Android parity for the phone-nav collapse: HomeNavBar shows the four core
boards plus a More item opening a bottom sheet with Meals and Rewards,
active when one of them is current. HomeNavRail keeps all six inline.
Adds the three-dot More glyph.

docs(frontend): record the four-core phone nav collapse ... 335508160f

Record the four-core split and the More overflow in the layout section
(rule 5).

forgejo-actions commented 2026-08-15 22:28:12 +00:00

Copy link

Test report

Suite	Tests	Result	Skipped
Unit	1330	✅ pass	1
Integration	83	✅ pass	—

Coverage: 27.6%

_{Updated by the check workflow · commit 6d372f3b68}

<!-- ci-test-report --> ## Test report | Suite | Tests | Result | Skipped | | --- | --: | --- | --: | | Unit | 1330 | ✅ pass | 1 | | Integration | 83 | ✅ pass | — | **Coverage:** 27.6% _{Updated by the check workflow · commit 6d372f3b68e2531e7f5b4090a6f7fe2e8ee437b2}

nalum force-pushed feat/phone-nav-collapse from 335508160f to 6d372f3b68 2026-08-15 22:30:48 +00:00 Compare

forgejo-actions commented 2026-08-15 22:36:11 +00:00

Copy link

Android test report

Suite	Tests	Result	Skipped
Unit (debug)	31	✅ pass	0

_{Updated by the android workflow · commit 6d372f3b68}

<!-- android-test-report --> ## Android test report | Suite | Tests | Result | Skipped | | --- | --: | --- | --: | | Unit (debug) | 31 | ✅ pass | 0 | _{Updated by the android workflow · commit 6d372f3b68e2531e7f5b4090a6f7fe2e8ee437b2}

nalum referenced this pull request 2026-08-15 22:37:47 +00:00

Backlog ordering (tracking) #62

nalum referenced this pull request 2026-08-15 22:49:23 +00:00

feat: self-contained Android push via the Subscribe stream #87

nalum referenced this pull request 2026-08-15 23:02:44 +00:00

feat: hold Android push in a foreground service #88

nalum force-pushed feat/phone-nav-collapse from 6d372f3b68 to 7f31026803 2026-08-16 12:40:38 +00:00 Compare

nalum changed target branch from feat/day-view-short-events to main 2026-08-16 12:40:49 +00:00

nalum merged commit 7f31026803 into main 2026-08-16 12:40:53 +00:00

nalum deleted branch feat/phone-nav-collapse 2026-08-16 12:40:54 +00:00

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels   

adr

Needs or introduces an Architecture Decision Record

  

android

affects android app

  

area/calendar

The calendar surfaces: month, week, agenda, day sheet, events

  

area/design-system

Tokens, shared components and the row grammar both surfaces use

  

area/i18n

Strings, msgids and translation across surfaces

  

area/jobs

The jobs surface: board, card, sheet, create

  

area/offline

The offline write queue and sync behaviour

  

area/server

Server behaviour: RPCs, guards, domain rules, proto

  

area/testing

Conformance fixtures, goldens and test harnesses

  

bug

Something is not working

  

ci

CI and release pipeline

  

duplicate

This issue or pull request already exists

  

enhancement

New feature

  

help wanted

Need some help

  

invalid

Something is wrong

  

notifications

Push and notification system

  

question

More information is needed

  

reliability

Robustness, failure modes, resilience

  

security

Security finding or hardening work

  

severity/low

Low severity

  

severity/medium

Medium severity

  

tracking

Plan / tracking issues

  

web

affects web app

  

wontfix

This won't be fixed

No labels

adr

android

area/calendar

area/design-system

area/i18n

area/jobs

area/offline

area/server

area/testing

bug

ci

duplicate

enhancement

help wanted

invalid

notifications

question

reliability

security

severity/low

severity/medium

tracking

web

wontfix

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

2 participants

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

eagraiclainne/app!86

No description provided.