fix(pivotgrid): add missing padding between icon and text in pivotgri…

…d cells
telerik · Feb 4, 2022 · e84fe7c · e84fe7c
1 parent 9393e5a
commit e84fe7c
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 0 deletions.
diff --git a/packages/bootstrap/scss/pivotgrid/_variables.scss b/packages/bootstrap/scss/pivotgrid/_variables.scss
@@ -6,6 +6,7 @@ $pivotgrid-font-family: $font-family !default;
 $pivotgrid-font-size: $font-size !default;
 $pivotgrid-line-height: $line-height !default;
 $pivotgrid-border-width: 1px !default;
+$pivotgrid-icon-spacing: 8px !default;
 
 $pivotgrid-row-header-width: 300px !default;
 $pivotgrid-column-header-height: 75px !default;

diff --git a/packages/classic/scss/pivotgrid/_variables.scss b/packages/classic/scss/pivotgrid/_variables.scss
@@ -6,6 +6,7 @@ $pivotgrid-font-family: $font-family !default;
 $pivotgrid-font-size: $font-size !default;
 $pivotgrid-line-height: $line-height !default;
 $pivotgrid-border-width: 1px !default;
+$pivotgrid-icon-spacing: 8px !default;
 
 $pivotgrid-row-header-width: 300px !default;
 $pivotgrid-column-header-height: 75px !default;

diff --git a/packages/default/scss/pivotgrid/_layout.scss b/packages/default/scss/pivotgrid/_layout.scss
@@ -134,6 +134,7 @@
 
     .k-pivotgrid-cell .k-icon {
         cursor: pointer;
+        padding-inline-end: $pivotgrid-icon-spacing;
     }
 
     .k-pivotgrid-total {

diff --git a/packages/default/scss/pivotgrid/_variables.scss b/packages/default/scss/pivotgrid/_variables.scss
@@ -6,6 +6,7 @@ $pivotgrid-font-family: $font-family !default;
 $pivotgrid-font-size: $font-size !default;
 $pivotgrid-line-height: $line-height !default;
 $pivotgrid-border-width: 1px !default;
+$pivotgrid-icon-spacing: 8px !default;
 
 $pivotgrid-row-header-width: 300px !default;
 $pivotgrid-column-header-height: 75px !default;

diff --git a/packages/material/scss/pivotgrid/_variables.scss b/packages/material/scss/pivotgrid/_variables.scss
@@ -6,6 +6,7 @@ $pivotgrid-font-family: $font-family !default;
 $pivotgrid-font-size: $font-size !default;
 $pivotgrid-line-height: $line-height !default;
 $pivotgrid-border-width: 1px !default;
+$pivotgrid-icon-spacing: 8px !default;
 
 $pivotgrid-row-header-width: 300px !default;
 $pivotgrid-column-header-height: 75px !default;