fix(scheduler): introduce variables for scheduler cell padding

telerik · Jul 8, 2021 · 0760a37 · 0760a37
1 parent 42bad6b
commit 0760a37
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 1 deletion.
diff --git a/packages/bootstrap/scss/scheduler/_variables.scss b/packages/bootstrap/scss/scheduler/_variables.scss
@@ -40,6 +40,8 @@ $scheduler-event-selected-border: null !default;
 $scheduler-event-selected-gradient: null !default;
 $scheduler-event-selected-shadow: inset 0 0 0 3px rgba(255, 255, 255, .5) !default;
 
+$scheduler-cell-padding-x: map-get( $spacing, 3 ) !default;
+$scheduler-cell-padding-y: map-get( $spacing, 3 ) !default;
 $scheduler-cell-height: $line-height-em !default;
 $scheduler-datecolumn-width: 12em !default;
 $scheduler-timecolumn-width: 11em !default;

diff --git a/packages/classic/scss/scheduler/_variables.scss b/packages/classic/scss/scheduler/_variables.scss
@@ -40,6 +40,8 @@ $scheduler-event-selected-border: null !default;
 $scheduler-event-selected-gradient: null !default;
 $scheduler-event-selected-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
 
+$scheduler-cell-padding-x: map-get( $spacing, 2 ) !default;
+$scheduler-cell-padding-y: map-get( $spacing, 2 ) !default;
 $scheduler-cell-height: $line-height-em !default;
 $scheduler-datecolumn-width: 12em !default;
 $scheduler-timecolumn-width: 11em !default;

diff --git a/packages/default/scss/scheduler/_layout.scss b/packages/default/scss/scheduler/_layout.scss
@@ -47,7 +47,7 @@
 
         td,
         th {
-            padding: $cell-padding;
+            padding: $scheduler-cell-padding-y $scheduler-cell-padding-x;
             height: $scheduler-cell-height;
             overflow: hidden;
             white-space: nowrap;

diff --git a/packages/default/scss/scheduler/_variables.scss b/packages/default/scss/scheduler/_variables.scss
@@ -40,6 +40,8 @@ $scheduler-event-selected-border: null !default;
 $scheduler-event-selected-gradient: null !default;
 $scheduler-event-selected-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
 
+$scheduler-cell-padding-x: map-get( $spacing, 2 ) !default;
+$scheduler-cell-padding-y: map-get( $spacing, 2 ) !default;
 $scheduler-cell-height: $line-height-em !default;
 $scheduler-datecolumn-width: 12em !default;
 $scheduler-timecolumn-width: 11em !default;

diff --git a/packages/material/scss/scheduler/_variables.scss b/packages/material/scss/scheduler/_variables.scss
@@ -40,6 +40,8 @@ $scheduler-event-selected-border: null !default;
 $scheduler-event-selected-gradient: null !default;
 $scheduler-event-selected-shadow: $box-shadow-depth-3 !default;
 
+$scheduler-cell-padding-x: map-get( $spacing, 2 ) !default;
+$scheduler-cell-padding-y: map-get( $spacing, 2 ) !default;
 $scheduler-cell-height: $line-height * 1rem !default;
 $scheduler-datecolumn-width: 12rem !default;
 $scheduler-timecolumn-width: 11rem !default;