mirror of
https://github.com/screentinker/screentinker.git
synced 2026-08-13 13:53:12 -06:00
653108624d
The week grid was a fixed 800px of seven columns. On a phone that is a horizontal scroll through ~50px columns — too narrow to read a name or aim a finger at, and the sideways scrolling fights the vertical drag gesture the calendar depends on. Below 700px it now renders a single day, with a strip of the seven dates above it to move between them. The hour column narrows to match, and nothing scrolls horizontally in either orientation. Rotation crosses that boundary in both directions — a phone is about 390px upright and about 844px on its side — so the layout is rebuilt on resize and on orientationchange. Both are debounced: rotation fires a burst of resize events, and on iOS the reported dimensions are briefly the pre-rotation ones, so settling first avoids rebuilding against a size that is about to change again. Only a crossing rebuilds; resizing within one layout leaves the view alone. The opening scroll is re-aimed after a crossing, since it was measured against a grid that no longer exists. Verified by driving a real browser through portrait, landscape and back: one column then seven then one, no horizontal overflow at any point, and the day strip moves between days. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Uaeo9MvzKoyXuN6ZsbhtkL |
||
|---|---|---|
| .. | ||
| components | ||
| i18n | ||
| lib | ||
| views | ||
| agency-portal.js | ||
| api.js | ||
| app.js | ||
| brand-prime.js | ||
| branding.js | ||
| i18n.js | ||
| socket.js | ||
| utils.js | ||