fix(calendar) fix header size

desig9stein · desig9stein · commit bb012519f48f · 2025-03-31T13:18:48.000+03:00
Also fix bootstrap first row border position when the calendar is in multiple calendar view
diff --git a/src/components/calendar/themes/shared/bootstrap/calendar.bootstrap.scss b/src/components/calendar/themes/shared/bootstrap/calendar.bootstrap.scss
@@ -54,6 +54,7 @@ $theme: $bootstrap;
 :host(igc-calendar[header-orientation='vertical']) {
     [part~='header'] {
         width: rem(168px);
+        min-width: rem(168px);
     }
 }
 
diff --git a/src/components/calendar/themes/shared/bootstrap/days-view.bootstrap.scss b/src/components/calendar/themes/shared/bootstrap/days-view.bootstrap.scss
@@ -27,6 +27,7 @@ $border-size: rem(1px);
         position: absolute;
         width: 100%;
         inset-block-start: 100%;
+        inset-inline-start: 0;
         height: rem(1px);
         background: var-get($theme, 'border-color');
     }
diff --git a/src/components/calendar/themes/shared/fluent/calendar.fluent.scss b/src/components/calendar/themes/shared/fluent/calendar.fluent.scss
@@ -39,6 +39,7 @@ $theme: $fluent;
 :host(igc-calendar[header-orientation='vertical']) {
     [part~='header'] {
         width: rem(168px);
+        min-width: rem(168px);
     }
 }
 
diff --git a/src/components/calendar/themes/shared/indigo/calendar.indigo.scss b/src/components/calendar/themes/shared/indigo/calendar.indigo.scss
@@ -55,6 +55,7 @@ $theme: $indigo;
 :host(igc-calendar[header-orientation='vertical']) {
     [part~='header'] {
         width: rem(136px);
+        min-width: rem(136px);
 
         &::after {
             inset-inline-start: calc(100% - #{rem(1px)});
diff --git a/src/components/calendar/themes/shared/material/calendar.material.scss b/src/components/calendar/themes/shared/material/calendar.material.scss
@@ -48,6 +48,7 @@ $theme: $material;
 :host(igc-calendar[header-orientation='vertical']) {
     [part~='header'] {
         width: rem(168px);
+        min-width: rem(168px);
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -54,6 +54,7 @@ $theme: $bootstrap;`
`54`	`54`	`:host(igc-calendar[header-orientation='vertical']) {`
`55`	`55`	`[part~='header'] {`
`56`	`56`	`width: rem(168px);`
	`57`	`+ min-width: rem(168px);`
`57`	`58`	`}`
`58`	`59`	`}`
`59`	`60`
Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,7 @@ $border-size: rem(1px);`
`27`	`27`	`position: absolute;`
`28`	`28`	`width: 100%;`
`29`	`29`	`inset-block-start: 100%;`
	`30`	`+ inset-inline-start: 0;`
`30`	`31`	`height: rem(1px);`
`31`	`32`	`background: var-get($theme, 'border-color');`
`32`	`33`	`}`
Original file line number	Diff line number	Diff line change
`@@ -39,6 +39,7 @@ $theme: $fluent;`
`39`	`39`	`:host(igc-calendar[header-orientation='vertical']) {`
`40`	`40`	`[part~='header'] {`
`41`	`41`	`width: rem(168px);`
	`42`	`+ min-width: rem(168px);`
`42`	`43`	`}`
`43`	`44`	`}`
`44`	`45`
Original file line number	Diff line number	Diff line change
`@@ -48,6 +48,7 @@ $theme: $material;`
`48`	`48`	`:host(igc-calendar[header-orientation='vertical']) {`
`49`	`49`	`[part~='header'] {`
`50`	`50`	`width: rem(168px);`
	`51`	`+ min-width: rem(168px);`
`51`	`52`	`}`
`52`	`53`	`}`
`53`	`54`