feat(calendar): month view — the hairline grid and the phone dots #260

Merged

nalum merged 3 commits from feat/calendar-month into main 2026-08-26 18:37:49 +00:00

Conversation 2 Commits 3 Files changed 29 +1833 -391

nalum commented 2026-08-26 00:05:39 +00:00

Owner

Copy link

Implements #190 on both surfaces, three commits (web, compose twin, live-golden re-record).

• Desktop month is a hairline grid: one bordered card, no gutters, every week row the same height sized to the busiest day in the month (96/112/132 tiers — the locked demo's supersession of per-row heights), date pill top-left with the word Today, weekends tinted, out-of-month sunken, §2.1 cell rows, N more. The board window widens to the drawn span so out-of-month days carry their content.
• Phone month stops pretending to hold content: date-and-dots cells — a dot is a person with something on; you first, split-colour lozenge past the cap, a birthday takes a slot with the cake, hollow dot for the pool, solo counts fade — over a full-width day panel of §2.1 wide rows.
• Ticking from the day panel is a full completion site (§2.3): the boards' own machinery — the §6.3 ask on a repeating job, the stamp drawn over the row that was ticked, confetti when points attach, auto-claim, the polite announce. No surface gets a quiet tick.
• The dot rule and day sort are pure and pinned cross-surface by conformance/calendar-dots.json (vitest + JUnit twins).
• Live calendar page goldens re-recorded in their own commit. The phone-default page stays the agenda until #197's switcher lands, so the dots month has no live golden yet — it shows when the grid is pinned.

Stacked on #259. Design: calendar handoff §2.2 + §2.6, calendar-demo.dc.html.

🤖 Generated with Claude Code

Implements #190 on both surfaces, three commits (web, compose twin, live-golden re-record). - **Desktop month** is a hairline grid: one bordered card, no gutters, every week row the same height sized to the busiest day in the month (96/112/132 tiers — the locked demo's supersession of per-row heights), date pill top-left with the word *Today*, weekends tinted, out-of-month sunken, §2.1 cell rows, `N more`. The board window widens to the drawn span so out-of-month days carry their content. - **Phone month** stops pretending to hold content: date-and-dots cells — a dot is a **person** with something on; you first, split-colour lozenge past the cap, a birthday takes a slot with the cake, hollow dot for the pool, solo counts fade — over a full-width day panel of §2.1 wide rows. - **Ticking from the day panel is a full completion site** (§2.3): the boards' own machinery — the §6.3 ask on a repeating job, the stamp drawn over the row that was ticked, confetti when points attach, auto-claim, the polite announce. No surface gets a quiet tick. - The dot rule and day sort are pure and pinned cross-surface by `conformance/calendar-dots.json` (vitest + JUnit twins). - Live calendar page goldens re-recorded in their own commit. The phone-default page stays the agenda until #197's switcher lands, so the dots month has no live golden yet — it shows when the grid is pinned. Stacked on #259. Design: calendar handoff §2.2 + §2.6, calendar-demo.dc.html. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

nalum added 3 commits 2026-08-26 00:05:39 +00:00

feat(calendar): month view — the hairline grid and the phone dots, web ... be2f912a7f

The desktop month (#190) becomes a hairline grid: one bordered card, no
gutters, every week row the same height sized to the busiest day in the
month (96/112/132px tiers — per-row heights made the grid choppy and
moved the date as content changed), the date in the same top-left spot
in every cell with today a filled accent pill and the word beside it,
weekends tinted, out-of-month sunken, overflow reading 'N more'. Cells
carry no time column: rows sort timed-first by clock, then the all-day
items with birthdays leading and unowned jobs last (calendarDaySort).
The grid now spans the whole weeks it draws, so the board's window
widened from month±1day to the drawn span.

At phone width the month stops pretending to hold content: a date and
up to three dots, where a dot is a PERSON with something on, not an
item. You first, then household order, so your own colour is never
merged away; past the cap the last slot merges into a split-colour
lozenge (never a numeral at 8px); a birthday takes a slot with the
cake; unowned jobs draw the hollow dot; soloed to one person the dots
count that person's items instead, fading, because colour is then
carrying nothing. Day content lives in a full-width panel below the
grid built from the §2.1 wide rows.

phoneDots and calendarDaySort are pure and pinned by
conformance/calendar-dots.json, which the Compose twin's JUnit suite
reads in the next commit.

Design: calendar handoff §2.2 and §2.6, calendar-demo.dc.html.

feat(calendar): month view — the hairline grid and the phone dots, compose twin ... 268e9a9832

The Android half of #190. The wide layout draws the same hairline month
as the web: one bordered card, uniform week rows tiered to the busiest
day, date pill top-left with the word Today, weekends tinted,
out-of-month sunken, §2.1 cell rows and 'N more'. The compact layout
stops pretending to hold content: date-and-dots cells (a dot is a person
with something on — you first, merge lozenge past the cap, cake takes a
slot, hollow dot for the pool, solo counts fade) over a full-width day
panel of §2.1 wide rows. The event window widens to the drawn span, and
the old text-chip grid (GridEntryChip) goes with the layouts it dressed.

Ticking a job from the day panel is a full completion site (§2.3): the
boards' own machinery — optimistic complete, the §6.3 ask on a repeating
job, the stamp drawn over the row that was ticked (JobStamp gains a
markSize for row-scale stamps), confetti when points attach, the polite
announce. CalMonth.kt is calmonth.ts's twin, and CalMonthTest holds the
dot rule to conformance/calendar-dots.json — the same file the web suite
asserts.

Design: calendar handoff §2.2 and §2.6, calendar-demo.dc.html.

test(ui): re-record the calendar page goldens for the month redesign ... b6fb0ddb5a

The live whole-page shots move because #190 moved the page: the hairline
month with uniform week rows on desktop, the dot month with the day
panel on the phone. Re-recorded on their own so the reviewable diff in
the code commits stays code.

forgejo-actions commented 2026-08-26 00:08:41 +00:00

Copy link

Test report

Suite	Tests	Result	Skipped
Unit	1440	✅ pass	1
Integration	133	✅ pass	—

Coverage: 27.0%

_{Updated by the check workflow · commit f304114887}

<!-- ci-test-report --> ## Test report | Suite | Tests | Result | Skipped | | --- | --: | --- | --: | | Unit | 1440 | ✅ pass | 1 | | Integration | 133 | ✅ pass | — | **Coverage:** 27.0% _{Updated by the check workflow · commit f304114887bac5c60516f4501d7bb623c78d855c}

forgejo-actions commented 2026-08-26 00:10:36 +00:00

Copy link

Android test report

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

Coverage: 9.6% of lines

_{Updated by the android workflow · commit f304114887}

<!-- android-test-report --> ## Android test report | Suite | Tests | Result | Skipped | | --- | --: | --- | --: | | Unit (debug) | 193 | ✅ pass | 0 | **Coverage:** 9.6% of lines _{Updated by the android workflow · commit f304114887bac5c60516f4501d7bb623c78d855c}

nalum referenced this pull request 2026-08-26 00:21:00 +00:00

feat(calendar): the day sheet — untimed first, the axis collapses #261

nalum referenced this pull request 2026-08-26 03:24:26 +00:00

Calendar: month view, desktop grid and phone dots #190

nalum referenced this pull request 2026-08-26 03:24:40 +00:00

Order of work for the calendar redesign (#187-#198) #199

nalum force-pushed feat/calendar-month from b6fb0ddb5a to 759030cf1a 2026-08-26 03:45:35 +00:00 Compare

nalum force-pushed feat/calendar-month from 759030cf1a to 4c82ce2684 2026-08-26 04:32:30 +00:00 Compare

nalum force-pushed feat/calendar-month from 4c82ce2684 to e3b765e564 2026-08-26 04:56:41 +00:00 Compare

nalum force-pushed feat/calendar-month from e3b765e564 to 6fc1fe1cab 2026-08-26 05:40:49 +00:00 Compare

nalum force-pushed feat/calendar-month from 6fc1fe1cab to 36e97751c5 2026-08-26 06:16:38 +00:00 Compare

nalum referenced this pull request 2026-08-26 06:50:38 +00:00

feat(event): an event keeps at least one person #258

nalum force-pushed feat/calendar-month from 36e97751c5 to f304114887 2026-08-26 07:03:25 +00:00 Compare

nalum changed target branch from feat/calendar-row-grammar to main 2026-08-26 18:37:46 +00:00

nalum merged commit f304114887 into main 2026-08-26 18:37:49 +00:00

nalum deleted branch feat/calendar-month 2026-08-26 18:37:53 +00:00

nalum referenced this pull request 2026-08-26 18:47:58 +00:00

Calendar: month view, desktop grid and phone dots #190

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!260

No description provided.