From f8757aef930a22669255359ff50908e0f7a941af Mon Sep 17 00:00:00 2001 From: Peter Stone Date: Mon, 26 Jan 2026 23:22:32 -1000 Subject: Make Today collapsible and expand Tomorrow by default (#60) - Convert Today section from static div to collapsible details element - Add item count to Today header for consistency - Expand both Today and Tomorrow sections by default - Later section remains collapsed - Update DESIGN.md with new timeline organization Co-Authored-By: Claude Opus 4.5 --- DESIGN.md | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) (limited to 'DESIGN.md') diff --git a/DESIGN.md b/DESIGN.md index 59f3cb8..1bc9ed9 100644 --- a/DESIGN.md +++ b/DESIGN.md @@ -184,6 +184,15 @@ BuildTimeline(ctx, store, calendarClient, tasksClient, start, end) - `bg-black/60 backdrop-blur-lg` for modals - `box-shadow: 0 0 12px black` for depth +**Z-Index Hierarchy:** +| Layer | z-index | Element | +|-------|---------|---------| +| Content | default | Page content | +| Sticky headers | z-10 | Timeline section headers | +| Details dropdown | z-30 | Navigation dropdown menu | +| FAB button | z-40 | Floating action button | +| Modals | z-50 | Action modal, edit modal | + ### Typography - **Font:** Inter (300, 400, 500, 600 weights) @@ -247,8 +256,8 @@ Chronological view of all upcoming items grouped by day section. **Data Sources:** Todoist, Trello, PlanToEat, Google Calendar, Google Tasks **Organization:** -- **Today** (expanded) - Items due today -- **Tomorrow** (collapsed) - Items due tomorrow +- **Today** (expanded, collapsible) - Items due today +- **Tomorrow** (expanded, collapsible) - Items due tomorrow - **Later** (collapsed) - Items 2+ days out **Item Display:** -- cgit v1.2.3