luckberg/familysync
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(02): give React adapter wrapper height so week/day grid scrolls

Browse Source 
.sx-react-calendar-wrapper (emitted by @schedule-x/react) had no height, collapsing the
height chain so .sx__view-container could not scroll. Set it to height:100%.
This commit is contained in:
Lucas Berger
2026-06-05 15:19:05 -04:00
parent 194f6a82a8
commit 92dbbfe110
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/pwa/src/styles/index.css
+7 -2
View File
@@ -22,9 +22,14 @@
* .sx__calendar – inner flex-column container (flex:1; height:100%) * .sx__calendar – inner flex-column container (flex:1; height:100%)
* .sx__view-container – scrollable time-grid body (flex:1; overflow-y:auto) * .sx__view-container – scrollable time-grid body (flex:1; overflow-y:auto)
* *
* The React adapter wraps everything in a single <div> with no class; we * The React adapter (@schedule-x/react) wraps the calendar in a div with class
* target it via the .sx__calendar-wrapper descendant relationship. * `.sx-react-calendar-wrapper`. That element had no height, so .sx__calendar-wrapper's
* height:100% resolved against an auto-height parent and collapsed — killing the
* time-grid's internal scroll. Give the adapter wrapper height:100% too so the full
* chain (container → .sx-react-calendar-wrapper → .sx__calendar-wrapper → .sx__calendar
* → .sx__view-container[overflow-y:auto]) has a resolvable height end-to-end.
*/ */
.sx-react-calendar-wrapper,
.sx__calendar-wrapper { .sx__calendar-wrapper {
height: 100%; height: 100%;
} }