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

fix(02): fix week/day time-grid clip and hour-label contrast

Browse Source 
- CalendarShell: remove overflow:hidden from calendar container; add
  height:100% so Schedule-X .sx__calendar-wrapper can fill the flex
  parent and .sx__view-container can scroll.
- index.css: add explicit .sx__calendar-wrapper { height: 100% } rule
  to propagate height through the React adapter's wrapper element.
- tokens.css: fix --sx-color-neutral override from near-white
  var(--color-surface-dim) to readable var(--color-text-secondary);
  fix --sx-color-neutral-variant to var(--color-border); add
  --sx-internal-color-text override for chevrons and UI borders.
  Both hour-axis labels (.sx__week-grid__hour-text) and weekday/day
  name headers (.sx__week-grid__day-name, .sx__week-grid__date-number)
  use --sx-color-neutral — all now readable.

Class and variable names confirmed from @schedule-x/theme-default@4.6.0
dist/index.css inspection.
This commit is contained in:
Lucas Berger
2026-06-05 15:14:33 -04:00
parent d240657059
commit fc758e8ea6
3 changed files with 27 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/pwa/src/styles/tokens.css
+5 -2
View File
@@ -114,10 +114,13 @@
--sx-color-on-surface: var(--color-text-primary);
--sx-color-on-surface-variant: var(--color-text-secondary);
--sx-color-outline: var(--color-border);
--sx-color-neutral: var(--color-surface-dim);
--sx-color-neutral-variant: var(--color-border-subtle);
--sx-color-neutral: var(--color-text-secondary);
--sx-color-neutral-variant: var(--color-border);
--sx-font-family: var(--font-family-base);
/* Ensure internal text color (chevrons, borders) uses our primary text */
--sx-internal-color-text: var(--color-text-primary);
}
/* ─────────────────────────────────────────────────────────────────────────