fix(multiviewcalendar): view header misalignment

telerik · Dec 17, 2020 · 94714b5 · 94714b5
1 parent 92ba818
commit 94714b5
Show file tree

Hide file tree

Showing 5 changed files with 1 addition and 6 deletions.
diff --git a/packages/bootstrap/scss/calendar/_variables.scss b/packages/bootstrap/scss/calendar/_variables.scss
@@ -101,7 +101,6 @@ $calendar-cell-selected-focus-shadow: inset 0 0 0 2px rgba($primary-button-press
 $multiviewcalendar-button-style: stretched !default;
 $multiviewcalendar-button-size: 50px !default;
 $multiviewcalendar-gap: ($calendar-infinite-content-padding-x * 2) !default;
-$multiviewcalendar-content-padding-x: ($multiviewcalendar-gap / 2) !default;
 $multiviewcalendar-content-padding-y: 0px !default;
 $multiviewcalendar-navigation-margin-x: 0px !default;
 $multiviewcalendar-navigation-margin-y: calc( #{$calendar-header-padding-y * 2} + #{$calendar-header-height} + #{$button-border-width * 2} ) !default;
diff --git a/packages/classic/scss/calendar/_variables.scss b/packages/classic/scss/calendar/_variables.scss
@@ -101,7 +101,6 @@ $calendar-cell-selected-focus-shadow: $calendar-cell-focused-shadow !default;
 $multiviewcalendar-button-style: stretched !default;
 $multiviewcalendar-button-size: 44px !default;
 $multiviewcalendar-gap: ($calendar-infinite-content-padding-x * 2) !default;
-$multiviewcalendar-content-padding-x: ($multiviewcalendar-gap / 2);
 $multiviewcalendar-content-padding-y: 0px !default;
 $multiviewcalendar-navigation-margin-x: 0px !default;
 $multiviewcalendar-navigation-margin-y: calc( #{$calendar-header-padding-y * 2} + #{$calendar-header-height} + #{$button-border-width * 2} ) !default;
diff --git a/packages/default/scss/calendar/_layout.scss b/packages/default/scss/calendar/_layout.scss
@@ -515,8 +515,7 @@
 
         .k-meta-header,
         .k-month-header {
-            margin: 0 $multiviewcalendar-content-padding-x;
-            padding: $calendar-header-cell-padding-y $button-padding-x;
+            padding: $calendar-header-cell-padding-y calc( #{$button-padding-x} + #{$button-border-width} );
             font-size: $calendar-header-cell-font-size;
             line-height: $calendar-header-cell-line-height;
             text-align: left;

diff --git a/packages/default/scss/calendar/_variables.scss b/packages/default/scss/calendar/_variables.scss
@@ -101,7 +101,6 @@ $calendar-cell-selected-focus-shadow: $calendar-cell-focused-shadow !default;
 $multiviewcalendar-button-style: stretched !default;
 $multiviewcalendar-button-size: 44px !default;
 $multiviewcalendar-gap: ($calendar-infinite-content-padding-x * 2) !default;
-$multiviewcalendar-content-padding-x: ($multiviewcalendar-gap / 2);
 $multiviewcalendar-content-padding-y: 0px !default;
 $multiviewcalendar-navigation-margin-x: 0px !default;
 $multiviewcalendar-navigation-margin-y: calc( #{$calendar-header-padding-y * 2} + #{$calendar-header-height} + #{$button-border-width * 2} ) !default;
diff --git a/packages/material/scss/calendar/_variables.scss b/packages/material/scss/calendar/_variables.scss
@@ -101,7 +101,6 @@ $calendar-cell-selected-focus-shadow: $calendar-cell-focused-shadow !default;
 $multiviewcalendar-button-style: detached !default;
 $multiviewcalendar-button-size: 40px !default;
 $multiviewcalendar-gap: ($calendar-infinite-content-padding-x * 2) !default;
-$multiviewcalendar-content-padding-x: ($multiviewcalendar-gap / 2) !default;
 $multiviewcalendar-content-padding-y: 0px !default;
 $multiviewcalendar-navigation-margin-x: 0px !default;
 $multiviewcalendar-navigation-margin-y: calc( #{$calendar-header-padding-y * 2} + #{$calendar-header-height} + #{$button-border-width * 2} ) !default;