[Calendar] - fix header size (#1629)

Author: desig9stein

src/components/calendar/themes/calendar.base.scss

@@ -106,6 +106,8 @@
     flex-direction: row;
 
     [part='header'] {
+        width: rem(168px);
+        min-width: rem(168px);
         justify-content: flex-start;
         border-radius: inherit;
         border-start-end-radius: 0;

src/components/calendar/themes/shared/bootstrap/calendar.bootstrap.scss

@@ -51,12 +51,6 @@ $theme: $bootstrap;
     }
 }
 
-:host(igc-calendar[header-orientation='vertical']) {
-    [part~='header'] {
-        width: rem(168px);
-    }
-}
-
 [part~='header'] {
     background: var-get($theme, 'header-background');
     color: var-get($theme, 'header-foreground');

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');
     }

src/components/calendar/themes/shared/fluent/calendar.fluent.scss

@@ -36,12 +36,6 @@ $theme: $fluent;
     }
 }
 
-:host(igc-calendar[header-orientation='vertical']) {
-    [part~='header'] {
-        width: rem(168px);
-    }
-}
-
 [part='header'] {
     color: var-get($theme, 'header-foreground');
     background: var-get($theme, 'header-background');

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)});

src/components/calendar/themes/shared/material/calendar.material.scss

@@ -45,12 +45,6 @@ $theme: $material;
     width: 100%;
 }
 
-:host(igc-calendar[header-orientation='vertical']) {
-    [part~='header'] {
-        width: rem(168px);
-    }
-}
-
 [part='header'] {
     padding: rem(16px) rem(24px);
     gap: rem(28px);