fix(calendar): fix th and td cell alignment in infinite adaptive cale…

…ndar
telerik · Apr 20, 2023 · 756bc1f · 756bc1f
1 parent d35adc0
commit 756bc1f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/default/scss/calendar/_layout.scss b/packages/default/scss/calendar/_layout.scss
@@ -73,8 +73,8 @@
     .k-calendar-th {
         padding-block: $kendo-calendar-header-cell-padding-y;
         padding-inline: $kendo-calendar-header-cell-padding-x;
-        width: $kendo-calendar-header-cell-width;
-        height: $kendo-calendar-header-cell-height;
+        inline-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-width );
+        block-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-height );
         font-size: $kendo-calendar-header-cell-font-size;
         line-height: $kendo-calendar-header-cell-line-height;
         text-transform: uppercase;

diff --git a/packages/fluent/scss/calendar/_layout.scss b/packages/fluent/scss/calendar/_layout.scss
@@ -86,8 +86,8 @@
     .k-calendar-th {
         padding-inline: var( --kendo-calendar-header-cell-padding-x, #{$kendo-calendar-header-cell-padding-x} );
         padding-block: var( --kendo-calendar-header-cell-padding-y, #{$kendo-calendar-header-cell-padding-y} );
-        width: var( --kendo-calendar-header-cell-width, #{$kendo-calendar-header-cell-width} );
-        height: var( --kendo-calendar-header-cell-height, #{$kendo-calendar-header-cell-height} );
+        inline-size: var( --INTERNAL--kendo-calendar-cell-size, var( --kendo-calendar-header-cell-width, #{$kendo-calendar-header-cell-width} ) );
+        block-size: var( --INTERNAL--kendo-calendar-cell-size, var( --kendo-calendar-header-cell-height, #{$kendo-calendar-header-cell-height} ) );
         font-size: var( --kendo-calendar-header-cell-font-size, #{$kendo-calendar-header-cell-font-size} );
         line-height: var( --kendo-calendar-header-cell-line-height, #{$kendo-calendar-header-cell-line-height} );
         text-transform: uppercase;