diff options
| author | Peter Stone <thepeterstone@gmail.com> | 2026-01-26 23:22:32 -1000 |
|---|---|---|
| committer | Peter Stone <thepeterstone@gmail.com> | 2026-01-26 23:23:38 -1000 |
| commit | f8757aef930a22669255359ff50908e0f7a941af (patch) | |
| tree | 6b55a0fd4617c5f2192fdf6b86e5cb761d408f04 /DESIGN.md | |
| parent | 757936d284cb709709261ff9e0b99580b2106597 (diff) | |
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 <noreply@anthropic.com>
Diffstat (limited to 'DESIGN.md')
| -rw-r--r-- | DESIGN.md | 13 |
1 files changed, 11 insertions, 2 deletions
@@ -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:** |