feat: allow full calendar view on small screens #81

Merged

nalum merged 4 commits from feat/calendar-view-toggle into main 2026-08-16 12:38:07 +00:00

Conversation 2 Commits 4 Files changed 27 +837 -117

nalum commented 2026-08-14 22:42:56 +00:00

Owner

Copy link

Closes #50. Stacks on #80 (#48) → #79 (#60); merge those first.

The calendar dropped to an agenda list below the breakpoint (700px web / 900dp Android) with no way back to the month grid. This adds a per-member view toggle that pins the grid or the agenda at every width, synced across devices.

What changed

• proto: CalendarView enum (UNSPECIFIED = responsive default, GRID, AGENDA) and calendar_view on UserSettings. UNSPECIFIED keeps today's behavior for old records.
• web: a grid/agenda toggle in the month nav. data-cal-view on <html> drives override rules that outrank the width media query, so the pin holds on a phone. auto (default) leaves the responsive CSS untouched, then remembers the last-picked view. Rides the #60 sync.
• android: the if (isWideScreen()) switch is gated on the pref (GRID/AGENDA pin, UNSPECIFIED follows the breakpoint). A grid/agenda toggle in the shared month nav writes through.
• docs: frontend-plan.html records the toggle.

Behavior

Default stays responsive. Once a member picks a view it is remembered and follows them across devices (their choice, per the design discussion). Grid and agenda always render from the same data, so the toggle only changes which one shows.

Surface parity (rule 1)

Web and Android both honor it. MCP and CLI render no calendar.

Verification

• make check green (Go + web build + web/android i18n).
• Android module compiles.
• Live deploy: served CSS carries the data-cal-view override rules; calendar_view round-trips through the live settings write.

🤖 Generated with Claude Code

Closes #50. Stacks on #80 (#48) → #79 (#60); merge those first. The calendar dropped to an agenda list below the breakpoint (700px web / 900dp Android) with no way back to the month grid. This adds a per-member view toggle that pins the grid or the agenda at every width, synced across devices. ## What changed - **proto**: `CalendarView` enum (`UNSPECIFIED` = responsive default, `GRID`, `AGENDA`) and `calendar_view` on `UserSettings`. `UNSPECIFIED` keeps today's behavior for old records. - **web**: a grid/agenda toggle in the month nav. `data-cal-view` on `<html>` drives override rules that outrank the width media query, so the pin holds on a phone. `auto` (default) leaves the responsive CSS untouched, then remembers the last-picked view. Rides the #60 sync. - **android**: the `if (isWideScreen())` switch is gated on the pref (`GRID`/`AGENDA` pin, `UNSPECIFIED` follows the breakpoint). A grid/agenda toggle in the shared month nav writes through. - **docs**: `frontend-plan.html` records the toggle. ## Behavior Default stays responsive. Once a member picks a view it is remembered and follows them across devices (their choice, per the design discussion). Grid and agenda always render from the same data, so the toggle only changes which one shows. ## Surface parity (rule 1) Web and Android both honor it. MCP and CLI render no calendar. ## Verification - `make check` green (Go + web build + web/android i18n). - Android module compiles. - Live deploy: served CSS carries the `data-cal-view` override rules; `calendar_view` round-trips through the live settings write. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

nalum added 4 commits 2026-08-14 22:42:57 +00:00

feat(proto): add calendar_view to UserSettings ... 1ebc28ad05

The calendar forced an agenda list on small screens with no way back to the
month grid. Add a CalendarView enum (UNSPECIFIED keeps today's responsive
default, GRID/AGENDA pin one layout at every width) and a calendar_view field
on UserSettings so a member's choice syncs across devices (#50). UNSPECIFIED
default means an old record keeps the responsive behavior.

feat(web): let members pin the calendar view at any width ... ed9637735d

The calendar dropped to an agenda list below 700px with no way back to the
month grid. Add a view toggle to the month nav — grid or agenda — that pins
one layout at every width through the synced calendar_view preference (#50).
A data-cal-view attribute on <html> drives override rules that outrank the
width media query, so the choice holds on a phone. 'auto' (the default)
leaves the responsive behavior untouched; the toggle then remembers whichever
view the member last picked, across their devices.

feat(android): let members pin the calendar view at any width ... 9d6b9c2dd4

Android hard-switched to the agenda below 900dp with no way to the month
grid. Gate that switch on the synced calendar_view preference: GRID/AGENDA
pin one layout, UNSPECIFIED keeps the wide-screen breakpoint (#50). A
grid/agenda toggle in the month nav — shared by both views — writes the
choice through, so it follows the member across devices like theme and tilt.
calView gains a home in ThemePref and rides pullTheme/pushTheme.

docs(frontend): record the calendar view toggle ... 518654348a

The Calendar spec stated month grid (wide) / agenda (narrow) as CSS-decided.
#50 adds a per-member override, so record it: the view toggle in the month
nav, the synced calendar_view preference, and that the default stays
responsive with the last pick remembered (rule 5).

forgejo-actions commented 2026-08-14 22:45:40 +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 ea8ae4aabe}

<!-- 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 ea8ae4aabeed74836c2cb3ba290190bdd90db83e}

forgejo-actions commented 2026-08-14 22:48:10 +00:00

Copy link

Android test report

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

_{Updated by the android workflow · commit ea8ae4aabe}

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

nalum force-pushed feat/calendar-view-toggle from 518654348a to ea8ae4aabe 2026-08-14 23:12:47 +00:00 Compare

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

feat: compact month grid on narrow screens #84

nalum referenced this pull request 2026-08-15 22:13:32 +00:00

fix: keep short events' names in the day view #85

nalum referenced this pull request 2026-08-15 22:25:34 +00:00

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

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 changed target branch from feat/card-tilt-toggle to main 2026-08-16 12:38:02 +00:00

nalum merged commit ea8ae4aabe into main 2026-08-16 12:38:07 +00:00

nalum deleted branch feat/calendar-view-toggle 2026-08-16 12:38:07 +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!81

No description provided.