@syncfusion/ej2-angular-grids 20.4.38 → 20.4.39

package/styles/grid/_highcontrast-light-definition.scss

@@ -156,8 +156,8 @@ $grid-header-first-last-cell-padding: 10px !default;
 $grid-headercelldiv-margin: 0 !default;
 $grid-headercell-div-padding: 0 !default;
 $grid-headecell-span-height: 26px !default;
-$grid-headercelldiv-right-align-padding: 0 !default;
-$grid-headercelldiv-padding: 0 1px !default;
+$grid-headercelldiv-right-align-padding: 0 0 0 10px !default;
+$grid-headercelldiv-padding: 0 10px 0 0 !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
 $grid-filterbarcell-first-last-child-padding-left: 10px !default;
 $grid-stackedheadercell-botttom-padding: 4px !default;
@@ -166,7 +166,7 @@ $grid-filterbarcell-border-width: 1px 0 0 !default;
 $grid-filterbarcell-padding: 0 8px !default;
 $grid-filterdiv-padding: 2px 0 !default;
 $grid-filterbarcell-text-indent: 10px !default;
-$grid-sortdiv-margin: -21px 11px !default;
+$grid-sortdiv-margin: -21px 0 !default;
 $grid-sortdiv-right-align-margin: -21px 10px 0 0 !default;
 $grid-sortnumer-line-height: 15px !default;
 $grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
@@ -240,9 +240,9 @@ $grid-rtl-group-headercell-margin-right: 8px !default;
 $grid-rtl-group-headercell-margin-left: 0 !default;
 $grid-sortdiv-width: 16px !default;
 $grid-sortdiv-height: 16px !default;
-$grid-sortnumber-margin: 9px 2px 0 2px !default;
-$grid-fltr-sortnumber-margin: $grid-sortnumber-margin !default;
-$grid-fltr-sortnumber-rightalign-margin: 9px 0 0 15px !default;
+$grid-sortnumber-margin: 8px 5px 0 2px !default;
+$grid-fltr-sortnumber-margin: 8px -3px 0 2px !default;
+$grid-fltr-sortnumber-rightalign-margin: 8px 2px 0 5px !default;
 $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !default;
 $grid-icon-default-color: $content-font !default;
 $grid-columnchooser-footer-border-color: $border-default !default;
@@ -268,15 +268,15 @@ $grid-bigger-cc-checkbox-padding-left: 13px !default;
 $grid-bigger-searchdiv-padding-left: 7px !default;
 $grid-fltr-rtl-sortnumber-margin: 8px 0 0 8px !default;
 $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
-$grid-rtl-bigger-sortnumber-margin: 9px 0 0 3px !default;
-$grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
-$grid-fltr-rtl-sortnumber-rightalign-margin: 9px 0 0 30px !default;
+$grid-rtl-bigger-sortnumber-margin: 7px 0 0 3px !default;
+$grid-rtl-bigger-rightalign-sortnumber-margin: 6px 0 0 3px !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 12px !default;
 $grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
 $grid-rtl-headercell-border-width: 0 !default;
 $grid-rtl-th-firstcell-border-left: 0 !default;
 $grid-rtl-sortcelldiv-margin: -22px 0 0 10px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -22px 0 0 10px !default;
-$grid-rtl-bigger-sortcelldiv-right-align-margin: -22px 0 0 22px !default;
+$grid-rtl-sortcelldiv-right-align-margin:  -22px 0 0 0 !default;
+$grid-rtl-bigger-sortcelldiv-right-align-margin: -22px 0 0 -6px !default;
 $grid-rtl-bigger-sortcelldiv-margin: -22px 0 0 13px !default;
 $grid-rtl-group-text-margin-left: 0 !default;
 $grid-rtl-group-text-margin-right: 8px !default;
@@ -313,7 +313,7 @@ $grid-bigger-gdownarrow-icon-font-size: 14px !default;
 $grid-bigger-grightarrow-icon-font-size: 14px !default;
 $grid-bigger-icons-font-size: 14px !default;
 $grid-bigger-header-icons-font-size: 14px !default;
-$grid-bigger-sortdiv-margin: -23px 6px !default;
+$grid-bigger-sortdiv-margin: -23px -2px !default;
 $grid-bigger-sortdiv-rightalign-margin: -23px -4px !default;
 $grid-bigger-headercell-font-size: 15px !default;
 $grid-bigger-content-font-size: 14px !default;
@@ -350,7 +350,7 @@ $grid-headercelldiv-fltricon-margin: 0 26px 0 0 !default;
 $grid-headercelldiv-rightalign-fltricon-margin: 0 20px 0 10px !default;
 $grid-fltrdiv-margin: -24px -7px !default;
 $grid-rtl-fltrdiv-margin: -18px -7px !default;
-$grid-rtl-bigger-fltrdiv-margin: -26px -7px !default;
+$grid-rtl-bigger-fltrdiv-margin: -20px -7px !default;
 $grid-cell-focus-shadow: 0 0 0 1px $border-default inset !default;
 
 $grid-filtered-color: $selection-bg !default;
@@ -365,8 +365,8 @@ $grid-bigger-checkbox-padding-topbottom: 12px !default;
 $grid-bigger-checkbox-content-padding-left: 19.25px !default;
 $grid-rtl-bigger-checkbox-content-padding-left: 31.25px !default;
 $grid-sortdiv-filtericon-rightalign-margin: -21px 0 0 8px !default;
-$grid-sortdiv-filtericon-margin: -22px 15px 0 0 !default;
-$grid-rtl-sortdiv-filtericon-rightalign-margin: -22px 0 0 22px !default;
+$grid-sortdiv-filtericon-margin: -21px 15px 0 0 !default;
+$grid-rtl-sortdiv-filtericon-rightalign-margin: -16px 0 0 12px !default;
 $grid-rtl-sortdiv-filtericon-margin: -16px 0 0 10px !default;
 $grid-bigger-fltricon-sortdiv-rightalign-margin: -23px 11px 0 0 !default;
 $grid-bigger-fltricon-sortdiv-margin: -23px 20px 0 0 !default;
@@ -408,12 +408,12 @@ $grid-checkbox-filter-min-height: 348px !default;
 $grid-column-menu-margin: -24px !default;
 $grid-column-menu-padding: 6px !default;
 $grid-textwrap-column-menu-margin: -20px -24px -24px -24px !default;
-$grid-bigger-column-menu-margin: -8px -7px !default;
+$grid-bigger-column-menu-margin: -26px -20px !default;
 $grid-column-menu-top-touch: 31px !default;
 $grid-column-menu-bottom-touch: 38px !default;
 $grid-column-menu-right-touch: 23px !default;
-$grid-rtl-bigger-fltricon-sortdiv-margin: -23px 0 0 -7px !default;
-$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -23px 0 0 5px !default;
+$grid-rtl-bigger-fltricon-sortdiv-margin: -17px 0 0 -7px !default;
+$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -17px 0 0 8px !default;
 $grid-selection-font-weight: normal !default;
 $group-hover-border: 2px solid !default;
 $grid-drag-clone-font-weight: $grid-selection-font-weight !default;
@@ -482,7 +482,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: 135px !default;
-$grid-rtl-column-menu-margin: -17px -18px -18px 1px !default;
+$grid-rtl-column-menu-margin: -26px -18px -18px -6px !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;
@@ -548,7 +548,7 @@ $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: 8px -2px 0 0 !default;
+$grid-rtl-sort-num-left-align-margin: 7px -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;
@@ -569,8 +569,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: -14px 3px !default;
-$grid-bigger-sort-right-margin: 0 2px 0 0 !default;
+$grid-bigger-sort-margin: -22px 3px !default;
+$grid-bigger-sort-right-margin: 7px 2px 0 0 !default;
 $grid-skin: 'highcontrast' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;

package/styles/grid/_layout.scss

@@ -327,7 +327,7 @@
       }
       @else if $grid-skin == 'bootstrap5' {
         margin-bottom: -12px;
-        margin-top: -15px;
+        margin-top: -12px;
       }
     }
 
@@ -934,6 +934,18 @@
       }
     }
 
+    & .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;
@@ -950,6 +962,11 @@
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
 
           & .e-icons {
@@ -1031,6 +1048,7 @@
                 }
             }
           }
+
         }
       }
 
@@ -1631,6 +1649,7 @@
     }
 
     &.e-responsive .e-rowcell.e-gridchkbox,
+    &.e-responsive .e-rowcell.e-gridchkbox-cell,
     &.e-responsive .e-headercelldiv.e-headerchkcelldiv {
       text-overflow: clip;
     }
@@ -2485,14 +2504,12 @@
       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 {
@@ -3656,7 +3673,6 @@
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
 
       .e-gridcontent .e-content,
@@ -3699,7 +3715,7 @@
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 
@@ -3883,6 +3899,9 @@
 
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }
 

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: -15px 10px !default;
-$grid-sortdiv-right-align-margin: -15px 5px !default;
+$grid-sortdiv-margin: -16px 10px !default;
+$grid-sortdiv-right-align-margin: -16px 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: -14px 10px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -14px 10px !default;
+$grid-rtl-sortcelldiv-margin: -16px 10px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -16px 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: -17px 2px !default;
+$grid-bigger-sortdiv-rightalign-margin: -16px 4px !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: -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-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-bigger-fltricon-sortdiv-margin: -15px 18px !default;
 $grid-rtl-headercelldiv-fltricon-padding: 0 1.6em 0 10px !default;
-$grid-sortnumber-filtericon-rightalign-margin: 8px 2px 0 5px !default;
+$grid-sortnumber-filtericon-rightalign-margin: 7px 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 0 !default;
+$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -16px 10px !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: 8px 2px 0 5px !default;
+$grid-fltr-sortnumber-rightalign-margin: 7px 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: 9px 0 0 5px !default;
+$grid-fltr-rtl-sortnumber-margin: 7px 0 0 5px !default;
 $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !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-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-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: 0 -7px !default;
+$grid-bigger-column-menu-margin: -18 -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: -17px -18px -18px 1px !default;
+$grid-rtl-column-menu-margin: -19px -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: 8px -4px 0 0 !default;
+$grid-rtl-sort-num-left-align-margin: 7px -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: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !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: -14px 3px !default;
-$grid-bigger-sort-right-margin: 0 2px 0 0 !default;
+$grid-bigger-sort-margin: -15px 3px !default;
+$grid-bigger-sort-right-margin: 7px 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: -15px 10px !default;
-$grid-sortdiv-right-align-margin: -15px 5px !default;
+$grid-sortdiv-margin: -16px 10px !default;
+$grid-sortdiv-right-align-margin: -16px 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: -14px 10px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -14px 10px !default;
+$grid-rtl-sortcelldiv-margin: -16px 10px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -16px 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: -17px 2px !default;
+$grid-bigger-sortdiv-rightalign-margin: -16px 4px !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: -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-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-bigger-fltricon-sortdiv-margin: -15px 18px !default;
 $grid-rtl-headercelldiv-fltricon-padding: 0 1.6em 0 10px !default;
-$grid-sortnumber-filtericon-rightalign-margin: 8px 2px 0 5px !default;
+$grid-sortnumber-filtericon-rightalign-margin: 7px 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: 8px 2px 0 5px !default;
+$grid-fltr-sortnumber-rightalign-margin: 7px 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: 9px 0 0 5px !default;
+$grid-fltr-rtl-sortnumber-margin: 6px 0 0 5px !default;
 $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !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-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-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: 0 -7px !default;
+$grid-bigger-column-menu-margin: -18 -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: -17px -18px -18px 3px !default;
+$grid-rtl-column-menu-margin: -19px -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: 8px -4px 0 0 !default;
+$grid-rtl-sort-num-left-align-margin: 6px -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: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !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: -14px 3px !default;
-$grid-bigger-sort-right-margin: 0 2px 0 0 !default;
+$grid-bigger-sort-margin: -16px 3px !default;
+$grid-bigger-sort-right-margin: 6px 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 32px !default;
+$grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !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 !default;
+$grid-headercelldiv-right-align-padding: 0 5px 0 20px !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 14px !default;
-$grid-sortnumber-rightalign-margin: 0 4px 0 18px !default;
+$grid-fltr-sortnumber-rightalign-margin: 0 4px 0 -2px !default;
+$grid-sortnumber-rightalign-margin: 0 4px 0 2px !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 32px !default;
-$grid-rtl-sortnumber-rightalign-margin: 0 4px 0 18px !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 0 4px 0 6px !default;
+$grid-rtl-sortnumber-rightalign-margin: 0 4px 0 !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 1.8em !default;
+$grid-rtl-headercelldiv-padding: 0 .4em 0 4.2em !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: 0 -3px !default;
+$grid-bigger-column-menu-margin: -14px -15px !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 16px !default;
-$grid-bigger-sortnumber-rightalign-margin: 0 6px 0 20px !default;
+$grid-bigger-fltr-sortnumber-rightalign-margin: 0 6px 0 0 !default;
+$grid-bigger-sortnumber-rightalign-margin: 0 6px 0 6px !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: -11px !default;
-$grid-reorder-downarrow-top-margin: 1px !default;
+$grid-reorder-arrow-top-margin: -4px !default;
+$grid-reorder-downarrow-top-margin: -5px !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;