v20.2.40 is released

Author: pipeline

README.md

@@ -2,14 +2,16 @@
 
 ## [Unreleased]
 
-## 20.2.38 (2022-07-12)
+## 20.2.39 (2022-07-19)
 
 ### Common
 
 #### Bug Fixes
 
 - `#I372767`, `#I370308` - The empty space issue in `Treeview` component while dragging the element has been resolved.
 
+## 20.2.38 (2022-07-12)
+
 ### Common
 
 #### Bug Fixes

controls/base/CHANGELOG.md

@@ -398,6 +398,15 @@
     }
   }
 
+  // Blazor listbox class
+  .e-listboxtool-container .e-left {
+    flex-direction: row-reverse;
+  }
+
+  .e-listboxtool-wrapper .e-left {
+    flex-direction: column-reverse;
+  }
+
   .e-rtl.e-listboxtool-wrapper,
   .e-rtl.e-listboxtool-container {
     &.e-right {

controls/base/themestudio/styles/dropdowns/list-box/_layout.scss

@@ -271,6 +271,7 @@ $grid-drag-clone-border-color: $grey-44 !default;
 $grid-drag-clone-bg-color: $grey-base !default;
 $group-caption-font-color: $grey-dark-font !default;
 $grid-group-down-arrow-icon-font-size: 10px !default;
+$grid-group-down-arrow-icon-padding: 13px 9px 11px 10px !default;
 $group-expand-icon-text-indent: 11px !default;
 $grid-sortnumber-bg-color: $grey-dark-font !default;
 $grid-sortnumber-color: $grey-base !default;
@@ -280,6 +281,7 @@ $group-sorticon-font-size: 12px !default;
 $grid-rowcell-both-border-width: 1px 0 0 1px !default;
 $grid-indentcell-border-width: 0 1px 0 0 !default;
 $grid-group-right-arrow-icon-font-size: 10px !default;
+$grid-group-right-arrow-icon-padding: 12px 9px 12px 10px !default;
 $grid-group-unpgroupicon-margin-top: 2px !default;
 $grid-summary-cell-line-height: 19px !default;
 $grid-batch-updated-bg-color: #d7f9c7 !default;
@@ -555,14 +557,14 @@ $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
 $grid-rtl-sort-num-left-align-margin: 8px -6px 0 0 !default;
 $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color,  $grid-conent-font-opacity) !default;
-$grid-reorderarrow-margin-top: -1.5px !default;
-$grid-reorderdownarrow-margin-top: $grid-reorderarrow-margin-top !default;
+$grid-reorderarrow-margin-top: -6.5px !default;
+$grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: -1.5px !default;
-$grid-reorder-downarrow-top-margin: $grid-reorderarrow-margin-top !default;
+$grid-reorder-downarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
-$grid-reorderarrow-margin-left: 0 !default;
+$grid-reorderarrow-margin-left: -2.5px !default;
 $grid-column-chooser-cancel-icon-size: 11px !default;
 
 // bootstrap5 support
@@ -577,7 +579,6 @@ $grid-bigger-sort-margin: -14px 3px !default;
 $grid-bigger-sort-right-margin: 0 2px 0 0 !default;
 $grid-skin: 'bootstrap' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
-$grid-bigger-reorderarrow-margin-top: $grid-reorderarrow-margin-top !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;
 $grid-bigger-drag-count-top: -10px !default;
 $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !default;

controls/base/themestudio/styles/grids/grid/_bootstrap-dark-definition.scss

@@ -277,12 +277,14 @@ $grid-drag-clone-border-color: $grey-dd !default;
 $grid-drag-clone-bg-color: $grey-white !default;
 $group-caption-font-color: $grey-light-font !default;
 $grid-group-down-arrow-icon-font-size: 10px !default;
+$grid-group-down-arrow-icon-padding: 13px 9px 11px 10px !default;
 $group-expand-icon-text-indent: 11px !default;
 $group-droparea-color: $grey-light-font !default;
 $group-sorticon-font-size: 10px !default;
 $grid-rowcell-both-border-width: 1px 0 0 1px !default;
 $grid-indentcell-border-width: 0 1px 0 0 !default;
 $grid-group-right-arrow-icon-font-size: 10px !default;
+$grid-group-right-arrow-icon-padding: 12px 9px 12px 10px !default;
 $grid-group-unpgroupicon-margin-top: 2px !default;
 $grid-summary-cell-line-height: 19px !default;
 $grid-batch-updated-bg-color: #d7f9c7 !default;
@@ -556,14 +558,14 @@ $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
 $grid-rtl-sort-num-left-align-margin: 8px -6px 0 0 !default;
 $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color,  $grid-conent-font-opacity) !default;
-$grid-reorderarrow-margin-top: -1.5px !default;
-$grid-reorderdownarrow-margin-top: $grid-reorderarrow-margin-top !default;
+$grid-reorderarrow-margin-top: -6.5px !default;
+$grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: -1.5px !default;
-$grid-reorder-downarrow-top-margin: $grid-reorderarrow-margin-top !default;
+$grid-reorder-downarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
-$grid-reorderarrow-margin-left: 0 !default;
+$grid-reorderarrow-margin-left: -2.5px !default;
 $grid-column-chooser-cancel-icon-size: 11px !default;
 
 // bootstrap5 support
@@ -578,7 +580,6 @@ $grid-bigger-sort-margin: -14px 3px !default;
 $grid-bigger-sort-right-margin: 0 2px 0 0 !default;
 $grid-skin: 'bootstrap' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
-$grid-bigger-reorderarrow-margin-top: $grid-reorderarrow-margin-top !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;
 $grid-bigger-drag-count-top: -10px !default;
 $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !default;

controls/base/themestudio/styles/grids/grid/_bootstrap-definition.scss

@@ -278,12 +278,14 @@ $grid-drag-clone-border-color: #ddd !default;
 $grid-drag-clone-bg-color: $content-bg !default;
 $group-caption-font-color: $gray-700 !default;
 $grid-group-down-arrow-icon-font-size: 10px !default;
+$grid-group-down-arrow-icon-padding: 13px 9px 11px 10px !default;
 $group-expand-icon-text-indent: 11px !default;
 $group-droparea-color: $gray-600 !default;
 $group-sorticon-font-size: 10px !default;
 $grid-rowcell-both-border-width: 1px 0 0 1px !default;
 $grid-indentcell-border-width: 0 1px 0 0 !default;
 $grid-group-right-arrow-icon-font-size: 10px !default;
+$grid-group-right-arrow-icon-padding: 12px 9px 12px 10px !default;
 $grid-group-unpgroupicon-margin-top: 0 !default;
 $grid-summary-cell-line-height: 21px !default;
 $grid-batch-updated-bg-color: #dcfacf !default;
@@ -560,14 +562,14 @@ $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
 $grid-rtl-sort-num-left-align-margin: 1px -2px 0 0 !default;
 $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: $grid-content-font-color !default;
-$grid-reorderarrow-margin-top: 0 !default;
-$grid-reorderdownarrow-margin-top: $grid-reorderarrow-margin-top !default;
+$grid-reorderarrow-margin-top: -7.5px !default;
+$grid-reorderdownarrow-margin-top: 2.5px !default;
 $grid-reorder-arrow-top-margin: -1px !default;
 $grid-reorder-downarrow-top-margin: -3px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
-$grid-reorderarrow-margin-left: 0 !default;
+$grid-reorderarrow-margin-left: -3.5px !default;
 $grid-column-chooser-cancel-icon-size: 11px !default;
 
 // bootstrap5 support
@@ -582,7 +584,6 @@ $grid-bigger-sort-margin: -14px 3px !default;
 $grid-bigger-sort-right-margin: 0 2px 0 0 !default;
 $grid-skin: 'bootstrap4' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
-$grid-bigger-reorderarrow-margin-top: $grid-reorderarrow-margin-top !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;
 $grid-bigger-drag-count-top: -10px !default;
 $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !default;

controls/base/themestudio/styles/grids/grid/_bootstrap4-definition.scss

@@ -274,12 +274,14 @@ $grid-drag-clone-border-color: $border-light !default;
 $grid-drag-clone-bg-color: $content-bg-color-alt3 !default;
 $group-caption-font-color: $content-text-color-alt1 !default;
 $grid-group-down-arrow-icon-font-size: 14px !default;
+$grid-group-down-arrow-icon-padding: 12px 7px 11px 8px !default;
 $group-expand-icon-text-indent: 11px !default;
 $group-droparea-color: $content-text-color-alt3 !default;
 $group-sorticon-font-size: 14px !default;
 $grid-rowcell-both-border-width: 1px 0 0 1px !default;
 $grid-indentcell-border-width: 0 1px 0 0 !default;
 $grid-group-right-arrow-icon-font-size: 14px !default;
+$grid-group-right-arrow-icon-padding: 11px 7px 12px 8px !default;
 $grid-group-unpgroupicon-margin-top: 2px !default;
 $grid-summary-cell-line-height: 14px !default;
 $grid-batch-updated-bg-color: $success-light !default;
@@ -577,7 +579,6 @@ $grid-bigger-sort-margin: -10px 2px !default;
 $grid-bigger-sort-right-margin: 1px 8px 0 0 !default;
 $grid-skin: 'bootstrap5' !default;
 $grid-biggerreorderarrow-font-size: 14px !default;
-$grid-bigger-reorderarrow-margin-top: -3.7px !default;
 $grid-bigger-drag-count-padding: 3px 8px 4px !default;
 $grid-bigger-drag-count-top: -14px !default;
 $grid-bigger-check-select-all-font-size: 10px !default;

controls/base/themestudio/styles/grids/grid/_bootstrap5-definition.scss

@@ -249,7 +249,9 @@ $grid-group-caption-header-padding: .7em !default;
 $group-caption-font-color: $neutral-light-fontalt !default;
 $grid-group-captioncell-line-height: 20px !default;
 $grid-group-down-arrow-icon-font-size: 12px !default;
+$grid-group-down-arrow-icon-padding: 16px 8px 13px 9px !default;
 $grid-group-right-arrow-icon-font-size: 12px !default;
+$grid-group-right-arrow-icon-padding: 14px 9px 15px 9px !default;
 $grid-ungroup-button-line-height: 25px !default;
 $grid-ungroup-button-font-size: 11px !default;
 $grid-textwrap-sorticon-rightalign-margin: -15px 0 !default;
@@ -553,14 +555,14 @@ $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
 $grid-rtl-sort-num-left-align-margin: 8px -10px 0 0 !default;
 $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color,  $grid-conent-font-opacity) !default;
-$grid-reorderarrow-margin-top: 0 !default;
-$grid-reorderdownarrow-margin-top: $grid-reorderarrow-margin-top !default;
+$grid-reorderarrow-margin-top: -4.5px !default;
+$grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: $grid-reorderarrow-margin-top !default;
+$grid-reorder-downarrow-top-margin: 0 !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
-$grid-reorderarrow-margin-left: 0 !default;
+$grid-reorderarrow-margin-left: -1.5px !default;
 $grid-column-chooser-cancel-icon-size: 11px !default;
 
 // bootstrap5 support
@@ -575,7 +577,6 @@ $grid-bigger-sort-margin: -14px 3px !default;
 $grid-bigger-sort-right-margin: 0 2px 0 0 !default;
 $grid-skin: 'fabric' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
-$grid-bigger-reorderarrow-margin-top: $grid-reorderarrow-margin-top !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;
 $grid-bigger-drag-count-top: -10px !default;
 $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !default;

controls/base/themestudio/styles/grids/grid/_fabric-dark-definition.scss

@@ -252,7 +252,9 @@ $grid-group-caption-header-padding: .7em !default;
 $group-caption-font-color: $neutral-light-font !default;
 $grid-group-captioncell-line-height: 20px !default;
 $grid-group-down-arrow-icon-font-size: 12px !default;
+$grid-group-down-arrow-icon-padding: 16px 8px 13px 9px !default;
 $grid-group-right-arrow-icon-font-size: 12px !default;
+$grid-group-right-arrow-icon-padding: 14px 9px 15px 9px !default;
 $grid-ungroup-button-line-height: 25px !default;
 $grid-ungroup-button-font-size: 11px !default;
 $grid-textwrap-sorticon-rightalign-margin: -15px 0 !default;
@@ -553,14 +555,14 @@ $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
 $grid-rtl-sort-num-left-align-margin: 8px -10px 0 0 !default;
 $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color,  $grid-conent-font-opacity) !default;
-$grid-reorderarrow-margin-top: 0 !default;
-$grid-reorderdownarrow-margin-top: $grid-reorderarrow-margin-top !default;
+$grid-reorderarrow-margin-top: -4.5px !default;
+$grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: $grid-reorderarrow-margin-top !default;
+$grid-reorder-downarrow-top-margin: 0 !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
-$grid-reorderarrow-margin-left: 0 !default;
+$grid-reorderarrow-margin-left: -1.5px !default;
 $grid-column-chooser-cancel-icon-size: 11px !default;
 
 // bootstrap5 support
@@ -575,7 +577,6 @@ $grid-bigger-sort-margin: -14px 3px !default;
 $grid-bigger-sort-right-margin: 0 2px 0 0 !default;
 $grid-skin: 'fabric' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
-$grid-bigger-reorderarrow-margin-top: $grid-reorderarrow-margin-top !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;
 $grid-bigger-drag-count-top: -10px !default;
 $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !default;

controls/base/themestudio/styles/grids/grid/_fabric-definition.scss

@@ -303,11 +303,13 @@ $group-header-border-radius: 0 !default;
 $grid-headecell-span-height: 30px !default;
 $grid-drag-clone-opacity: 1 !default;
 $grid-group-down-arrow-icon-font-size: 16px !default;
+$grid-group-down-arrow-icon-padding: 9px 7px 9px 7px !default;
 $group-expand-icon-text-indent: 11px !default;
 $group-sorticon-font-size: 12px !default;
 $grid-rowcell-both-border-width: 1px 0 0 1px !default;
 $grid-indentcell-border-width: 0 1px 0 0 !default;
 $grid-group-right-arrow-icon-font-size: 16px !default;
+$grid-group-right-arrow-icon-padding: 8px 7px 11px 7px !default;
 $grid-group-unpgroupicon-margin-top: 1px !default;
 $grid-summary-cell-line-height: 14px !default;
 $grid-edit-input-padding-bottom: 1px !default;
@@ -552,10 +554,10 @@ $grid-headerclone-font-size: $grid-content-font-size !default;
 $grid-group-drop-area-border: dashed !default;
 $grid-group-drop-area-border-width: 1px !default;
 $grid-sortnumber-font-size: 12px !default;
-$grid-reorderarrow-margin-top: -1.4px !default;
-$grid-reorderdownarrow-margin-top: $grid-reorderarrow-margin-top !default;
+$grid-reorderarrow-margin-top: -6.5px !default;
+$grid-reorderdownarrow-margin-top: 4.5px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: $grid-reorderarrow-margin-top !default;
+$grid-reorder-downarrow-top-margin: 0 !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -2px !default;
 $grid-column-chooser-cancel-icon-size: 10px !default;
@@ -569,7 +571,6 @@ $grid-bigger-sort-margin: -30px 3px !default;
 $grid-bigger-sort-right-margin: 2px 2px 0 0 !default;
 $grid-skin: 'fluent' !default;
 $grid-biggerreorderarrow-font-size: 14px !default;
-$grid-bigger-reorderarrow-margin-top: -3.7px !default;
 $grid-bigger-drag-count-padding: 3px 8px 4px !default;
 $grid-bigger-drag-count-top: -14px !default;
 $grid-bigger-check-select-all-font-size: 10px !default;

controls/base/themestudio/styles/grids/grid/_fluent-definition.scss

@@ -253,12 +253,14 @@ $grid-drag-clone-border-color: $border-light !default;
 $grid-drag-clone-bg-color: $content-bg-color-alt3 !default;
 $group-caption-font-color: $content-text-color-alt1 !default;
 $grid-group-down-arrow-icon-font-size: 14px !default;
+$grid-group-down-arrow-icon-padding: 11px 11px 11px 8px !default;
 $group-expand-icon-text-indent: 11px !default;
 $group-droparea-color: $content-text-color-alt3 !default;
 $group-sorticon-font-size: 14px !default;
 $grid-rowcell-both-border-width: 1px 0 0 1px !default;
 $grid-indentcell-border-width: 0 1px 0 0 !default;
 $grid-group-right-arrow-icon-font-size: 14px !default;
+$grid-group-right-arrow-icon-padding: 11px 11px 11px 8px !default;
 $grid-group-unpgroupicon-margin-top: 2px !default;
 $grid-summary-cell-line-height: 14px !default;
 $grid-batch-updated-bg-color: $success-light !default;
@@ -554,7 +556,6 @@ $grid-bigger-sort-margin: -10px 2px !default;
 $grid-bigger-sort-right-margin: 1px 8px 0 0 !default;
 $grid-skin: 'bootstrap5' !default;
 $grid-biggerreorderarrow-font-size: 14px !default;
-$grid-bigger-reorderarrow-margin-top: -3.7px !default;
 $grid-bigger-drag-count-padding: 3px 8px 4px !default;
 $grid-bigger-drag-count-top: -14px !default;
 $grid-bigger-check-select-all-font-size: 10px !default;

controls/base/themestudio/styles/grids/grid/_fusionnew-definition.scss

@@ -232,7 +232,9 @@ $grid-group-captioncell-line-height: 20px !default;
 $grid-bigger-groupcell-span-line-height: 29px !default;
 $grid-bigger-group-text-line-height: 29px !default;
 $grid-group-down-arrow-icon-font-size: 12px !default;
+$grid-group-down-arrow-icon-padding: 16px 9px 13px 8px !default;
 $grid-group-right-arrow-icon-font-size: 12px !default;
+$grid-group-right-arrow-icon-padding: 15px 9px 15px 8px !default;
 $grid-ungroup-button-line-height: 25px !default;
 $grid-ungroup-button-font-size: 11px !default;
 $grid-textwrap-sorticon-rightalign-margin: -15px 0 !default;
@@ -552,14 +554,14 @@ $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
 $grid-rtl-sort-num-left-align-margin: 8px -2px 0 0 !default;
 $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color,  $grid-conent-font-opacity) !default;
-$grid-reorderarrow-margin-top: 0 !default;
-$grid-reorderdownarrow-margin-top: $grid-reorderarrow-margin-top !default;
+$grid-reorderarrow-margin-top: -5px !default;
+$grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: $grid-reorderarrow-margin-top !default;
+$grid-reorder-downarrow-top-margin: 0 !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
-$grid-reorderarrow-margin-left: 0 !default;
+$grid-reorderarrow-margin-left: -1.5px !default;
 $grid-column-chooser-cancel-icon-size: 11px !default;
 
 // bootstrap5 support
@@ -574,7 +576,6 @@ $grid-bigger-sort-margin: -14px 3px !default;
 $grid-bigger-sort-right-margin: 0 2px 0 0 !default;
 $grid-skin: 'highcontrast' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
-$grid-bigger-reorderarrow-margin-top: $grid-reorderarrow-margin-top !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;
 $grid-bigger-drag-count-top: -10px !default;
 $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !default;

controls/base/themestudio/styles/grids/grid/_highcontrast-definition.scss

@@ -229,7 +229,9 @@ $grid-group-captioncell-line-height: 20px !default;
 $grid-bigger-groupcell-span-line-height: 29px !default;
 $grid-bigger-group-text-line-height: 29px !default;
 $grid-group-down-arrow-icon-font-size: 12px !default;
+$grid-group-down-arrow-icon-padding: 16px 9px 13px 8px !default;
 $grid-group-right-arrow-icon-font-size: 12px !default;
+$grid-group-right-arrow-icon-padding: 15px 9px 15px 8px !default;
 $grid-ungroup-button-line-height: 25px !default;
 $grid-ungroup-button-font-size: 11px !default;
 $grid-textwrap-sorticon-rightalign-margin: -15px 0 !default;
@@ -571,7 +573,6 @@ $grid-bigger-sort-margin: -14px 3px !default;
 $grid-bigger-sort-right-margin: 0 2px 0 0 !default;
 $grid-skin: 'highcontrast' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
-$grid-bigger-reorderarrow-margin-top: $grid-reorderarrow-margin-top !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;
 $grid-bigger-drag-count-top: -10px !default;
 $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !default;