[scheduler][joy] Small misalignment in "All day" cell on Windows (#18343)

rita-codes · web-flow · commit aea0bd2aadc9 · 2025-06-12T11:04:52.000+02:00
diff --git a/packages/x-scheduler/src/joy/internals/components/time-grid/TimeGrid.css b/packages/x-scheduler/src/joy/internals/components/time-grid/TimeGrid.css
@@ -46,6 +46,7 @@
 
 .TimeGridHeader[style*='--has-scroll: 1'] .TimeGridHeaderRow {
   overflow-y: scroll;
+  overflow-x: hidden;
   scrollbar-color: transparent transparent;
 }
 
@@ -59,6 +60,7 @@
 
 .TimeGridHeader[style*='--has-scroll: 1'] .TimeGridAllDayEventsRow {
   overflow-y: scroll;
+  overflow-x: hidden;
   scrollbar-color: transparent transparent;
 }
 
@@ -138,6 +140,7 @@
 .TimeGridTimeAxis {
   display: flex;
   flex-direction: column;
+  flex-shrink: 0;
   width: var(--fixed-cell-width);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -46,6 +46,7 @@`
`46`	`46`
`47`	`47`	`.TimeGridHeader[style*='--has-scroll: 1'] .TimeGridHeaderRow {`
`48`	`48`	`overflow-y: scroll;`
	`49`	`+ overflow-x: hidden;`
`49`	`50`	`scrollbar-color: transparent transparent;`
`50`	`51`	`}`
`51`	`52`
`@@ -59,6 +60,7 @@`
`59`	`60`
`60`	`61`	`.TimeGridHeader[style*='--has-scroll: 1'] .TimeGridAllDayEventsRow {`
`61`	`62`	`overflow-y: scroll;`
	`63`	`+ overflow-x: hidden;`
`62`	`64`	`scrollbar-color: transparent transparent;`
`63`	`65`	`}`
`64`	`66`
`@@ -138,6 +140,7 @@`
`138`	`140`	`.TimeGridTimeAxis {`
`139`	`141`	`display: flex;`
`140`	`142`	`flex-direction: column;`
	`143`	`+ flex-shrink: 0;`
`141`	`144`	`width: var(--fixed-cell-width);`
`142`	`145`	`}`
`143`	`146`