@syncfusion/ej2-angular-grids 20.3.62 → 20.4.38

package/styles/grid/_layout.scss

@@ -327,7 +327,7 @@
       }
       @else if $grid-skin == 'bootstrap5' {
         margin-bottom: -12px;
-        margin-top: -12px;
+        margin-top: -15px;
       }
     }
 
@@ -934,18 +934,6 @@
       }
     }
 
-    & .e-toolbar-items{
-      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
-      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
-      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
-          background: none;
-          box-shadow: none;
-      }
-      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
-          border: none;
-      }
-  }
-
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -1643,7 +1631,6 @@
     }
 
     &.e-responsive .e-rowcell.e-gridchkbox,
-    &.e-responsive .e-rowcell.e-gridchkbox-cell,
     &.e-responsive .e-headercelldiv.e-headerchkcelldiv {
       text-overflow: clip;
     }
@@ -2498,12 +2485,14 @@
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
+      text-indent: $group-collapse-icon-text-indent;
     }
 
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
+      text-indent: $group-expand-icon-text-indent;
     }
 
     .e-recordplusexpand {
@@ -3710,7 +3699,7 @@
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -2px;
+      margin-top: -9px;
     }
   }
 

package/styles/grid/_material-dark-definition.scss

@@ -60,8 +60,8 @@ $grid-summary-cell-line-height: 18px !default;
 $grid-td-checkbox-margin-top: 5px !default;
 $grid-gd-clone-padding: 2px !default;
 $grid-toolbar-border-width: 1px solid !default;
-$grid-sortdiv-margin: -16px 10px !default;
-$grid-sortdiv-right-align-margin: -16px 5px !default;
+$grid-sortdiv-margin: -15px 10px !default;
+$grid-sortdiv-right-align-margin: -15px 5px !default;
 $grid-filterdiv-padding: 0 !default;
 $grid-headercelldiv-height: 29px !default;
 $grid-filterbarcell-input-height: 26px !default;
@@ -108,8 +108,8 @@ $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
-$grid-rtl-sortcelldiv-margin: -16px 10px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -16px 10px !default;
+$grid-rtl-sortcelldiv-margin: -14px 10px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -14px 10px !default;
 $grid-rtl-bigger-sortcelldiv-right-align-margin: -17px 10px !default;
 $grid-rtl-bigger-sortcelldiv-margin: -17px 10px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
@@ -133,7 +133,7 @@ $grid-bigger-header-icons-font-size: 16px !default;
 $grid-bigger-gdownarrow-icon-font-size: 12px !default;
 $grid-bigger-grightarrow-icon-font-size: 12px !default;
 $grid-bigger-sortdiv-margin: -17px 8px !default;
-$grid-bigger-sortdiv-rightalign-margin: -16px 4px !default;
+$grid-bigger-sortdiv-rightalign-margin: -17px 2px !default;
 $group-bigger-sorticon-margin-right: 0 !default;
 $grid-bigger-groupdroparea-padding: 22px 24px !default;
 $grid-bigger-groupedcell-padding: 11px 0 12px !default;
@@ -195,18 +195,18 @@ $grid-bigger-checkbox-padding-topbottom: 13px !default;
 $grid-bigger-checkbox-content-padding-left: 11px !default;
 $grid-rtl-bigger-checkbox-content-padding-left: 24px !default;
 $grid-bigger-fltrdiv-margin: -18px -7px !default;
-$grid-sortdiv-filtericon-margin: -16px 24px !default;
-$grid-sortdiv-filtericon-rightalign-margin: -16px 5px !default;
-$grid-rtl-sortdiv-filtericon-rightalign-margin: -16px 0 0 11px !default;
-$grid-rtl-sortdiv-filtericon-margin: -16px 0 0 11px !default;
-$grid-bigger-fltricon-sortdiv-rightalign-margin: -15px -4px !default;
+$grid-sortdiv-filtericon-margin: -15px 24px !default;
+$grid-sortdiv-filtericon-rightalign-margin: -15px 5px !default;
+$grid-rtl-sortdiv-filtericon-rightalign-margin: -14px 0 0 11px !default;
+$grid-rtl-sortdiv-filtericon-margin: -14px 0 0 11px !default;
+$grid-bigger-fltricon-sortdiv-rightalign-margin: -17px 2px !default;
 $grid-bigger-fltricon-sortdiv-margin: -15px 18px !default;
 $grid-rtl-headercelldiv-fltricon-padding: 0 1.6em 0 10px !default;
-$grid-sortnumber-filtericon-rightalign-margin: 7px 2px 0 5px !default;
+$grid-sortnumber-filtericon-rightalign-margin: 8px 2px 0 5px !default;
 $grid-bigger-checkbox-filter-min-height: 352px !default;
 $grid-checkbox-filter-min-height: 322px !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -15px 30px 0 0 !default;
-$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -16px 10px !default;
+$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -16px 0 !default;
 $grid-rows-bg-color: $grey-dark !default;
 $grid-resize-border-width: 1px !default;
 $grid-filterbarcell-input-padding: 0 26px 0 10px !default;
@@ -317,7 +317,7 @@ $grid-checkbox-cell-padding-top-bottom: 6px !default;
 $grid-rtl-headercell-border-width: 0 !default;
 $grid-rowselect-text-indent: 7% !default;
 $grid-ungroup-rtl-padding-top: 0 !default;
-$grid-fltr-sortnumber-rightalign-margin: 7px 2px 0 5px !default;
+$grid-fltr-sortnumber-rightalign-margin: 8px 2px 0 5px !default;
 $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !default;
 $grid-columnchooser-footer-border-color: rgba($grey-dark-font, .12) !default;
 $grid-columnchooser-footer-border-opacity: 1 !default;
@@ -325,11 +325,11 @@ $grid-columnchooser-content-padding: 16px 18px 13px 9px !default;
 $grid-bigger-columnchooser-content-padding: 17px 24px 5px 12px !default;
 $grid-bigger-columnchooser-content-margin: 20px 0 0 !default;
 $grid-columnchooser-content-margin: 20px 0 0 !default;
-$grid-fltr-rtl-sortnumber-margin: 7px 0 0 5px !default;
+$grid-fltr-rtl-sortnumber-margin: 9px 0 0 5px !default;
 $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
-$grid-sortnumber-margin: 7px 5px 0 2px !default;
-$grid-fltr-sortnumber-margin: 7px -3px 0 2px !default;
-$grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 5px !default;
+$grid-sortnumber-margin: 8px 5px 0 2px !default;
+$grid-fltr-sortnumber-margin: $grid-sortnumber-margin !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 9px 0 0 5px !default;
 $grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
 $grid-bigger-rtl-group-headercell-padding: 0 12px 0 8px !default;
 $group-caption-font-color: $grey-dark-font !default;
@@ -375,7 +375,7 @@ $grid-column-menu-sub-menu-box-shadow: 0 8px 10px 0 rgba($shadow, .24) !default;
 $grid-column-menu-margin: -18px !default;
 $grid-column-menu-padding: 6px !default;
 $grid-textwrap-column-menu-margin: -14px -18px -18px -18px !default;
-$grid-bigger-column-menu-margin: -18 -7px !default;
+$grid-bigger-column-menu-margin: 0 -7px !default;
 $grid-column-menu-top-touch: 35px !default;
 $grid-column-menu-bottom-touch: 35px !default;
 $grid-column-menu-right-touch: 23px !default;
@@ -484,7 +484,7 @@ $grid-rtl-group-sorticon-margin-left: 0 !default;
 $grid-column-menu-padding: 6px !default;
 $grid-rtl-column-menu-left: 5px !default;
 $grid-checkboxfiltertext-width: 150px !default;
-$grid-rtl-column-menu-margin: -19px -18px -18px 1px !default;
+$grid-rtl-column-menu-margin: -17px -18px -18px 1px !default;
 $grid-rtl-textwrap-column-menu-margin: -13px -13px -23px -3px !default;
 $grid-filter-checkbox-width: 0 !default;
 $grid-filter-checkbox-white-space: nowrap !default;
@@ -552,13 +552,13 @@ $grid-responsive-apply-btn-top: 3px !default;
 
 $grid-rtl-headercelldiv-left-align-margin: 10px !default;
 $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
-$grid-rtl-sort-num-left-align-margin: 7px -4px 0 0 !default;
+$grid-rtl-sort-num-left-align-margin: 8px -4px 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: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
-$grid-reorder-arrow-top-margin: 1px !default;
-$grid-reorder-downarrow-top-margin: -1px !default;
+$grid-reorder-arrow-top-margin: 0 !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;
@@ -573,8 +573,8 @@ $grid-bigger-sort-number-size: $grid-sort-number-size !default;
 $grid-sort-number-font-size: 9px !default;
 $grid-filter-border-radius: 0 !default;
 $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
-$grid-bigger-sort-margin: -15px 3px !default;
-$grid-bigger-sort-right-margin: 7px 2px 0 0 !default;
+$grid-bigger-sort-margin: -14px 3px !default;
+$grid-bigger-sort-right-margin: 0 2px 0 0 !default;
 $grid-skin: 'material' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;

package/styles/grid/_material-definition.scss

@@ -65,8 +65,8 @@ $grid-summary-cell-line-height: 18px !default;
 $grid-td-checkbox-margin-top: 5px !default;
 $grid-gd-clone-padding: 2px !default;
 $grid-toolbar-border-width: 1px solid !default;
-$grid-sortdiv-margin: -16px 10px !default;
-$grid-sortdiv-right-align-margin: -16px 5px !default;
+$grid-sortdiv-margin: -15px 10px !default;
+$grid-sortdiv-right-align-margin: -15px 5px !default;
 $grid-filterdiv-padding: 0 !default;
 $grid-headercelldiv-height: 29px !default;
 $grid-filterbarcell-input-height: 26px !default;
@@ -113,8 +113,8 @@ $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
-$grid-rtl-sortcelldiv-margin: -16px 10px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -16px 10px !default;
+$grid-rtl-sortcelldiv-margin: -14px 10px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -14px 10px !default;
 $grid-rtl-bigger-sortcelldiv-right-align-margin: -17px 10px !default;
 $grid-rtl-bigger-sortcelldiv-margin: -17px 10px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
@@ -138,7 +138,7 @@ $grid-bigger-header-icons-font-size: 16px !default;
 $grid-bigger-gdownarrow-icon-font-size: 12px !default;
 $grid-bigger-grightarrow-icon-font-size: 12px !default;
 $grid-bigger-sortdiv-margin: -17px 8px !default;
-$grid-bigger-sortdiv-rightalign-margin: -16px 4px !default;
+$grid-bigger-sortdiv-rightalign-margin: -17px 2px !default;
 $group-bigger-sorticon-margin-right: 0 !default;
 $grid-bigger-groupdroparea-padding: 22px 24px !default;
 $grid-bigger-groupedcell-padding: 11px 0 12px !default;
@@ -200,14 +200,14 @@ $grid-bigger-checkbox-padding-topbottom: 13px !default;
 $grid-bigger-checkbox-content-padding-left: 11px !default;
 $grid-rtl-bigger-checkbox-content-padding-left: 24px !default;
 $grid-bigger-fltrdiv-margin: -18px -7px !default;
-$grid-sortdiv-filtericon-margin: -16px 24px !default;
-$grid-sortdiv-filtericon-rightalign-margin: -16px 5px !default;
-$grid-rtl-sortdiv-filtericon-rightalign-margin: -16px 0 0 11px !default;
-$grid-rtl-sortdiv-filtericon-margin: -16px 0 0 11px !default;
-$grid-bigger-fltricon-sortdiv-rightalign-margin: -15px -4px !default;
+$grid-sortdiv-filtericon-margin: -15px 24px !default;
+$grid-sortdiv-filtericon-rightalign-margin: -15px 5px !default;
+$grid-rtl-sortdiv-filtericon-rightalign-margin: -14px 0 0 11px !default;
+$grid-rtl-sortdiv-filtericon-margin: -14px 0 0 11px !default;
+$grid-bigger-fltricon-sortdiv-rightalign-margin: -17px 2px !default;
 $grid-bigger-fltricon-sortdiv-margin: -15px 18px !default;
 $grid-rtl-headercelldiv-fltricon-padding: 0 1.6em 0 10px !default;
-$grid-sortnumber-filtericon-rightalign-margin: 7px 2px 0 5px !default;
+$grid-sortnumber-filtericon-rightalign-margin: 8px 2px 0 5px !default;
 $grid-bigger-checkbox-filter-min-height: 352px !default;
 $grid-checkbox-filter-min-height: 322px !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -15px 30px 0 0 !default;
@@ -320,7 +320,7 @@ $grid-checkbox-cell-padding-top-bottom: 6px !default;
 $grid-rtl-headercell-border-width: 0 !default;
 $grid-rowselect-text-indent: 7% !default;
 $grid-ungroup-rtl-padding-top: 0 !default;
-$grid-fltr-sortnumber-rightalign-margin: 7px 2px 0 5px !default;
+$grid-fltr-sortnumber-rightalign-margin: 8px 2px 0 5px !default;
 $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !default;
 $grid-columnchooser-footer-border-color: rgba($grey-light-font, .12) !default;
 $grid-columnchooser-footer-border-opacity: 1 !default;
@@ -328,11 +328,11 @@ $grid-columnchooser-content-padding: 16px 18px 13px 9px !default;
 $grid-bigger-columnchooser-content-padding: 17px 24px 5px 12px !default;
 $grid-bigger-columnchooser-content-margin: 20px 0 0 !default;
 $grid-columnchooser-content-margin: 20px 0 0 !default;
-$grid-fltr-rtl-sortnumber-margin: 6px 0 0 5px !default;
+$grid-fltr-rtl-sortnumber-margin: 9px 0 0 5px !default;
 $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
-$grid-sortnumber-margin: 7px 5px 0 2px !default;
-$grid-fltr-sortnumber-margin: 7px -3px 0 2px !default;
-$grid-fltr-rtl-sortnumber-rightalign-margin: 6px 0 0 5px !default;
+$grid-sortnumber-margin: 8px 5px 0 2px !default;
+$grid-fltr-sortnumber-margin: $grid-sortnumber-margin !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 9px 0 0 5px !default;
 $grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
 $grid-bigger-rtl-group-headercell-padding: 0 12px 0 8px !default;
 $group-caption-font-color: $grey-light-font !default;
@@ -392,7 +392,7 @@ $grid-column-menu-sub-menu-box-shadow: 0 8px 10px 0 rgba($shadow, .24) !default;
 $grid-column-menu-margin: -18px !default;
 $grid-column-menu-padding: 6px !default;
 $grid-textwrap-column-menu-margin: -13px -13px -23px -23px !default;
-$grid-bigger-column-menu-margin: -18 -7px !default;
+$grid-bigger-column-menu-margin: 0 -7px !default;
 $grid-column-menu-top-touch: 31px !default;
 $grid-column-menu-bottom-touch: 35px !default;
 $grid-column-menu-right-touch: 23px !default;
@@ -483,7 +483,7 @@ $grid-rtl-group-sorticon-margin-left: 0 !default;
 $grid-column-menu-padding: 6px !default;
 $grid-rtl-column-menu-left: 5px !default;
 $grid-checkboxfiltertext-width: 150px !default;
-$grid-rtl-column-menu-margin: -19px -18px -18px 3px !default;
+$grid-rtl-column-menu-margin: -17px -18px -18px 3px !default;
 $grid-rtl-textwrap-column-menu-margin: -13px -13px -23px -3px !default;
 $grid-filter-checkbox-width: 0 !default;
 $grid-filter-checkbox-white-space: nowrap !default;
@@ -550,13 +550,13 @@ $grid-responsive-apply-btn-top: 3px !default;
 
 $grid-rtl-headercelldiv-left-align-margin: 10px !default;
 $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
-$grid-rtl-sort-num-left-align-margin: 6px -4px 0 0 !default;
+$grid-rtl-sort-num-left-align-margin: 8px -4px 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: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
-$grid-reorder-arrow-top-margin: 1px !default;
-$grid-reorder-downarrow-top-margin: -1px !default;
+$grid-reorder-arrow-top-margin: 0 !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;
@@ -571,8 +571,8 @@ $grid-bigger-sort-number-size: $grid-sort-number-size !default;
 $grid-sort-number-font-size: 9px !default;
 $grid-filter-border-radius: 0 !default;
 $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
-$grid-bigger-sort-margin: -16px 3px !default;
-$grid-bigger-sort-right-margin: 6px 2px 0 0 !default;
+$grid-bigger-sort-margin: -14px 3px !default;
+$grid-bigger-sort-right-margin: 0 2px 0 0 !default;
 $grid-skin: 'material' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;

package/styles/grid/_tailwind-definition.scss

@@ -96,7 +96,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
 $grid-rtl-bigger-sortnumber-margin: 0 6px 0 5px !default;
-$grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !default;
+$grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 32px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-group-text-margin-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
@@ -176,7 +176,7 @@ $grid-header-padding: 8px !default;
 $grid-header-wrap-sortfilter-div-margin: -21px 5px !default;
 $grid-rtl-textwrap-sorticon-margin: -30px 5px !default;
 $grid-rtl-textwrap-sorticon-rightalign-margin: -30px 17px !default;
-$grid-headercelldiv-right-align-padding: 0 5px 0 20px !default;
+$grid-headercelldiv-right-align-padding: 0 5px 0 !default;
 $grid-headercell-line-height: 32px !default;
 $grid-header-font-weight: $font-weight-medium !default;
 $grid-filtercell-both-border-width: 2px 0 0 1px !default;
@@ -242,8 +242,8 @@ $grid-sortdiv-width: 20px !default;
 $grid-sortdiv-height: 20px !default;
 $grid-sortnumber-margin: 0 2px 0 4px !default;
 $grid-fltr-sortnumber-margin: 0 4px 0 4px !default;
-$grid-fltr-sortnumber-rightalign-margin: 0 4px 0 -2px !default;
-$grid-sortnumber-rightalign-margin: 0 4px 0 2px !default;
+$grid-fltr-sortnumber-rightalign-margin: 0 4px 0 14px !default;
+$grid-sortnumber-rightalign-margin: 0 4px 0 18px !default;
 $grid-sortnumer-line-height: 16px !default;
 $grid-bigger-sortnumer-line-height: 18px !default;
 $grid-sortdiv-right-align-margin: -13px 4px -13px -5px !default;
@@ -299,8 +299,8 @@ $grid-rtl-group-headercell-margin-right: 0 !default;
 $grid-rtl-group-headercell-margin-left: 4px !default;
 $grid-fltr-rtl-sortnumber-margin: 0 4px 0 32px !default;
 $grid-rtl-sortnumber-margin: 0 4px 0 5px !default;
-$grid-fltr-rtl-sortnumber-rightalign-margin: 0 4px 0 6px !default;
-$grid-rtl-sortnumber-rightalign-margin: 0 4px 0 !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 0 4px 0 32px !default;
+$grid-rtl-sortnumber-rightalign-margin: 0 4px 0 18px !default;
 $grid-rtl-sortcelldiv-margin: -13px 4px -13px -6px !default;
 $grid-rtl-sortcelldiv-right-align-margin: -13px 4px -13px -6px !default;
 $grid-rtl-bigger-sortcelldiv-right-align-margin: -14.5px 6px -14.5px -4px !default;
@@ -309,7 +309,7 @@ $grid-rtl-grouped-headercell-padding: 5px 0 3px !default;
 $grid-rtl-group-text-margin-left: -8px !default;
 $grid-rtl-group-sorticon-margin-right: 0 !default;
 $grid-rtl-headercell-border-width: 0 !default;
-$grid-rtl-headercelldiv-padding: 0 .4em 0 4.2em !default;
+$grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
 $grid-ungroup-rtl-padding-right: -9px !default;
 $grid-headercelldiv-padding: 0 20px 0 5px !default;
 $grid-headercell-div-padding: 0 .4em !default;
@@ -422,7 +422,7 @@ $grid-checkbox-filter-min-height: 307px !default;
 $grid-column-menu-margin: -13px -18px -13px 4px !default;
 $grid-column-menu-padding: 3px !default;
 $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
-$grid-bigger-column-menu-margin: -14px -15px !default;
+$grid-bigger-column-menu-margin: 0 -3px !default;
 $grid-column-menu-top-touch: 23px !default;
 $grid-column-menu-bottom-touch: 24px !default;
 $grid-column-menu-right-touch: 26px !default;
@@ -468,8 +468,8 @@ $grid-unboundcelldiv-margin: 0 4px !default;
 $grid-bigger-flmenu-padding: 16px 0 0 !default;
 $grid-rowcell-wrap-height: 21px !default;
 $grid-rowcell-wrap-max-height: 36px !default;
-$grid-bigger-fltr-sortnumber-rightalign-margin: 0 6px 0 0 !default;
-$grid-bigger-sortnumber-rightalign-margin: 0 6px 0 6px !default;
+$grid-bigger-fltr-sortnumber-rightalign-margin: 0 6px 0 16px !default;
+$grid-bigger-sortnumber-rightalign-margin: 0 6px 0 20px !default;
 $grid-bigger-columnmenu-bottom: 13px !default;
 $grid-bigger-sortnumber-margin: 0 6px 0 6px !default;
 $grid-bigger-fltr-sortnumber-margin: 0 9px 0 6px !default;
@@ -568,8 +568,8 @@ $grid-adatptive-apply-btn-disable: $primary-bg-color-disabled !default;
 $grid-sortnumber-font-size: $text-xxs !default;
 $grid-reorderarrow-margin-top: -11px !default;
 $grid-reorderdownarrow-margin-top: 1px !default;
-$grid-reorder-arrow-top-margin: -4px !default;
-$grid-reorder-downarrow-top-margin: -5px !default;
+$grid-reorder-arrow-top-margin: -11px !default;
+$grid-reorder-downarrow-top-margin: 1px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -6px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;

package/styles/grid/bootstrap-dark.css

@@ -558,11 +558,11 @@
 }
 .e-bigger .e-grid .e-sortfilterdiv,
 .e-grid.e-bigger .e-sortfilterdiv {
-  margin: -29px -10px;
+  margin: -30px 8px;
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -30px 16px -30px 0;
+  margin: -30px 28px -31px 0;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
@@ -597,12 +597,12 @@
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 7px 0 0 20px;
+  margin: 8px 0 0 20px;
 }
 .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 7px 0 0 20px;
+  margin: 8px 0 0 20px;
 }
 .e-bigger .e-grid .e-sortnumber,
 .e-grid.e-bigger .e-sortnumber {
@@ -612,13 +612,13 @@
   font-size: 9px;
   height: 15px;
   line-height: 15px;
-  margin: 7px 8px 0 2px;
+  margin: 8px 8px 0 2px;
   text-align: center;
   width: 15px;
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 7px 8px 0 2px;
+  margin: 8px 8px 0 2px;
 }
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -631,7 +631,7 @@
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -31px -10px;
+  margin: -31px 22px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -639,7 +639,7 @@
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -29px -8px 0 10px;
+  margin: -29px 0 0 29px;
 }
 .e-bigger .e-grid.e-rtl .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl .e-filtermenudiv {
@@ -652,16 +652,16 @@
 .e-bigger .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
-  margin: 6px 0 0 10px;
+  margin: 6px 0 0 5px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
-  margin: 8px 0 0 4px;
+  margin: 6px 0 0 5px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 6px 0 0 10px;
+  margin: 6px 0 0 5px;
 }
 .e-bigger .e-grid .e-rowcell,
 .e-bigger .e-grid .e-summarycell,
@@ -720,7 +720,7 @@
 .e-bigger .e-grid.e-bigger .e-columnmenu,
 .e-grid.e-bigger.e-bigger .e-columnmenu {
   bottom: 16px;
-  margin: -20px -18px;
+  margin: -7px -7px;
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
@@ -1131,13 +1131,6 @@
 .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
   font-size: 12px;
 }
-.e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
-  background: none;
-  box-shadow: none;
-}
-.e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
-  border: none;
-}
 .e-grid .e-res-toolbar {
   border-bottom: 1px solid;
   border-bottom-color: #484848;
@@ -1637,7 +1630,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
+.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
   text-overflow: clip;
 }
 .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -1691,7 +1684,7 @@
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
-  margin: -29px -10px;
+  margin: -29px 10px;
   padding: 15px 0;
   width: 16px;
 }
@@ -1776,7 +1769,7 @@
   margin: 8px 0 0 20px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -29px 14px -29px 0;
+  margin: -29px 28px -29px 0;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
   margin: -29px -11px 0 0;
@@ -2245,11 +2238,13 @@
   font-size: 10px;
   padding: 13px 9px 11px 10px;
   text-decoration: none;
+  text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
   padding: 12px 9px 12px 10px;
   text-decoration: none;
+  text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
   padding-top: 5px;
@@ -2658,22 +2653,22 @@
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
   float: right;
-  margin: -29px 3px;
+  margin: -14px 3px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
   padding: 0 25px 0 0.7em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;
-  margin: 7px 2px 0 0;
+  margin: 0 2px 0 0;
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
   float: left;
-  margin: 7px 0 0 6px;
+  margin: 9px 0 0 25px;
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;
-  margin: 7px 0 0 14px;
+  margin: 9px 0 0 25px;
 }
 .e-grid.e-rtl .e-rowcell:first-child,
 .e-grid.e-rtl .e-summarycell:first-child {
@@ -2734,7 +2729,7 @@
   border-width: 1px 1px 1px 0;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -29px -8px;
+  margin: -29px 10px;
 }
 .e-grid.e-rtl .e-cloneproperties {
   border-width: 1px 1px 3px;
@@ -3073,7 +3068,7 @@
           user-select: none;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0.5px;
+  margin-top: -1.5px;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1.5px;