fix(grid): reduce the padding with a pixel due to the wrap element bo…

…rder
telerik · Aug 13, 2021 · 296a280 · 296a280
1 parent 9c4ce9d
commit 296a280
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/default/scss/grid/_layout.scss b/packages/default/scss/grid/_layout.scss
@@ -600,7 +600,7 @@
 
     .k-grid-header {
         padding-inline-start: 0;
-        padding-inline-end: var(--kendo-scrollbar-width, $default-scrollbar-width);
+        padding-inline-end: calc(var(--kendo-scrollbar-width, #{$default-scrollbar-width} + 1px) - 1px );
         border-bottom-width: 1px;
         font-size: $grid-header-font-size;
 
@@ -719,7 +719,7 @@
 
     .k-grid-footer {
         padding-inline-start: 0;
-        padding-inline-end: var(--kendo-scrollbar-width, $default-scrollbar-width);
+        padding-inline-end: calc(var(--kendo-scrollbar-width, #{$default-scrollbar-width} + 1px) - 1px );
         border-width: 1px 0 0;
 
         td {

diff --git a/packages/default/scss/pivotgrid/_layout.scss b/packages/default/scss/pivotgrid/_layout.scss
@@ -64,7 +64,7 @@
     // Column Headers
     .k-pivotgrid-column-headers {
         padding-inline-start: 0;
-        padding-inline-end: var(--kendo-scrollbar-width, $default-scrollbar-width);
+        padding-inline-end: calc(var(--kendo-scrollbar-width, #{$default-scrollbar-width} + 1px) - 1px );
         overflow: hidden;
     }