@syncfusion/ej2-angular-grids 20.4.38 → 20.4.39

package/styles/fluent-dark.css

@@ -1052,12 +1052,12 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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: 2px 4px 0 10px;
+  margin: 2px 4px 0 -2px;
 }
 .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 2px 4px 0 15px;
+  margin: 2px 4px 0 2px;
 }
 .e-bigger .e-grid .e-sortnumber,
 .e-grid.e-bigger .e-sortnumber {
@@ -1087,7 +1087,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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: -33px 6px;
+  margin: -31px 6px;
 }
 .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 {
@@ -1113,7 +1113,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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: 2px 0 0 24px;
+  margin: 2px 0 0 8px;
 }
 .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 {
@@ -1189,7 +1189,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-bigger .e-columnmenu,
 .e-grid.e-bigger.e-bigger .e-columnmenu {
   bottom: 13px;
-  margin: 0 -3px;
+  margin: -20px;
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
@@ -1608,6 +1608,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
   font-size: 14px;
 }
+.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: #292827;
@@ -2110,7 +2117,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
+.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 {
   text-overflow: clip;
 }
 .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2177,7 +2184,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
 .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
-  padding: 0 5px 0;
+  padding: 0 5px 0 20px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
   margin: -5px 14px -5px 0;
@@ -2249,17 +2256,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 12px;
+  margin: 2px 8px 0 8px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 22px;
+  margin: 2px 8px 0 8px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
   margin: -30px 20px -29px 0;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -30px -11px -5px -5px;
+  margin: -30px 5px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
   margin: 3px 2px 0 10px;
@@ -2278,7 +2285,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   right: 23px;
   float: right;
-  margin: -21px -18px -3px -19px;
+  margin: -19px -21px -3px -19px;
   padding: 6px;
 }
 .e-grid.e-wrap .e-columnmenu {
@@ -2729,13 +2736,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 16px;
   padding: 9px 7px 9px 7px;
   text-decoration: none;
-  text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 16px;
   padding: 8px 7px 11px 7px;
   text-decoration: none;
-  text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
   padding-top: 5px;
@@ -3145,7 +3150,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
   float: right;
-  margin: -30px 3px;
+  margin: -31px 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;
@@ -3160,7 +3165,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;
-  margin: 3px 0 0 26px;
+  margin: 3px 0 0 8px;
 }
 .e-grid.e-rtl .e-rowcell:first-child,
 .e-grid.e-rtl .e-summarycell:first-child {
@@ -3221,7 +3226,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 1px 1px 0;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -30px 8px;
+  margin: -30px 3px;
 }
 .e-grid.e-rtl .e-cloneproperties {
   border-width: 1px 1px 3px;
@@ -3563,7 +3568,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: 0;
+  margin-top: -1px;
 }
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
@@ -3578,7 +3583,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;
   height: inherit;
-  overflow: hidden;
 }
 .e-grid.sf-grid .e-gridcontent .e-content,
 .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent {
@@ -3611,7 +3615,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -9px;
+  margin-top: -2px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/fluent.css

@@ -1052,12 +1052,12 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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: 2px 4px 0 10px;
+  margin: 2px 4px 0 -2px;
 }
 .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 2px 4px 0 15px;
+  margin: 2px 4px 0 2px;
 }
 .e-bigger .e-grid .e-sortnumber,
 .e-grid.e-bigger .e-sortnumber {
@@ -1087,7 +1087,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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: -33px 6px;
+  margin: -31px 6px;
 }
 .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 {
@@ -1113,7 +1113,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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: 2px 0 0 24px;
+  margin: 2px 0 0 8px;
 }
 .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 {
@@ -1189,7 +1189,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-bigger .e-columnmenu,
 .e-grid.e-bigger.e-bigger .e-columnmenu {
   bottom: 13px;
-  margin: 0 -3px;
+  margin: -20px;
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
@@ -1608,6 +1608,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
   font-size: 14px;
 }
+.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: #edebe9;
@@ -2110,7 +2117,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
+.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 {
   text-overflow: clip;
 }
 .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2177,7 +2184,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
 .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
-  padding: 0 5px 0;
+  padding: 0 5px 0 20px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
   margin: -5px 14px -5px 0;
@@ -2249,17 +2256,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 12px;
+  margin: 2px 8px 0 8px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 22px;
+  margin: 2px 8px 0 8px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
   margin: -30px 20px -29px 0;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -30px -11px -5px -5px;
+  margin: -30px 5px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
   margin: 3px 2px 0 10px;
@@ -2278,7 +2285,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   right: 23px;
   float: right;
-  margin: -21px -18px -3px -19px;
+  margin: -19px -21px -3px -19px;
   padding: 6px;
 }
 .e-grid.e-wrap .e-columnmenu {
@@ -2729,13 +2736,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 16px;
   padding: 9px 7px 9px 7px;
   text-decoration: none;
-  text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 16px;
   padding: 8px 7px 11px 7px;
   text-decoration: none;
-  text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
   padding-top: 5px;
@@ -3145,7 +3150,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
   float: right;
-  margin: -30px 3px;
+  margin: -31px 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;
@@ -3160,7 +3165,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;
-  margin: 3px 0 0 26px;
+  margin: 3px 0 0 8px;
 }
 .e-grid.e-rtl .e-rowcell:first-child,
 .e-grid.e-rtl .e-summarycell:first-child {
@@ -3221,7 +3226,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 1px 1px 0;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -30px 8px;
+  margin: -30px 3px;
 }
 .e-grid.e-rtl .e-cloneproperties {
   border-width: 1px 1px 3px;
@@ -3563,7 +3568,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: 0;
+  margin-top: -1px;
 }
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
@@ -3578,7 +3583,6 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;
   height: inherit;
-  overflow: hidden;
 }
 .e-grid.sf-grid .e-gridcontent .e-content,
 .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent {
@@ -3611,7 +3615,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -9px;
+  margin-top: -2px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

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

@@ -92,8 +92,8 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $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: 6px 0 0 5px !default;
-$grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
+$grid-rtl-bigger-sortnumber-margin: 6px 0 0 10px !default;
+$grid-rtl-bigger-rightalign-sortnumber-margin: 8px 0 0 4px !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;
@@ -241,7 +241,7 @@ $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !def
 $grid-sortnumer-line-height: 15px !default;
 $grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
 $grid-sortdiv-right-align-margin: -29px -5px !default;
-$grid-sortdiv-margin:  -29px 10px !default;
+$grid-sortdiv-margin:  -29px -10px !default;
 $grid-sortdiv-padding: 15px 0 !default;
 $grid-ungroup-button-line-height: 23px !default;
 $grid-ungroup-button-font-size: 10px !default;
@@ -296,11 +296,11 @@ $grid-rtl-group-headercell-margin-right: 8px !default;
 $grid-rtl-group-headercell-margin-left: 0 !default;
 $grid-fltr-rtl-sortnumber-margin: 9px 0 0 9px !default;
 $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
-$grid-fltr-rtl-sortnumber-rightalign-margin: 9px 0 0 25px !default;
-$grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 6px !default;
+$grid-rtl-sortnumber-rightalign-margin: 7px 0 0 14px !default;
 $grid-rtl-sortcelldiv-margin: -29px 10px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -29px 10px !default;
-$grid-rtl-bigger-sortcelldiv-right-align-margin: -31px 22px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -29px -8px !default;
+$grid-rtl-bigger-sortcelldiv-right-align-margin: -31px -10px !default;
 $grid-rtl-bigger-sortcelldiv-margin: -31px 5px !default;
 $grid-rtl-grouped-headercell-padding: 7px 0 !default;
 $grid-rtl-group-text-margin-left: 0 !default;
@@ -368,7 +368,7 @@ $grid-columnchooser-content-margin: 37px 0 0 !default;
 $grid-bigger-columnchooser-content-margin: 37px 0 0 !default;
 $grid-bigger-columnchooser-btn-font-size: 12px !default;
 $grid-bigger-sortdiv-rightalign-margin: -29px -5px !default;
-$grid-bigger-sortdiv-margin: -30px 8px !default;
+$grid-bigger-sortdiv-margin: -29px -10px !default;
 $grid-bigger-header-icons-font-size: 14px !default;
 $grid-bigger-grouptext-width: auto !default;
 $grid-edit-input-margin-top: 2px !default;
@@ -404,21 +404,21 @@ $grid-rtl-fltrdiv-margin: -20px 0 -20px -36px !default;
 $grid-rtl-bigger-fltrdiv-margin: -20px 0 -18px -25px !default;
 $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
 $grid-bigger-fltrdiv-margin: -21px -7px !default;
-$grid-sortdiv-filtericon-margin: -29px 28px -29px 0 !default;
+$grid-sortdiv-filtericon-margin: -29px 14px -29px 0 !default;
 $grid-sortdiv-filtericon-rightalign-margin: -29px -11px 0 0 !default;
 $grid-rtl-sortdiv-filtericon-rightalign-margin: -29px 0 0 10px !default;
 $grid-rtl-sortdiv-filtericon-margin: -29px 0 0 10px !default;
 $grid-bigger-fltricon-sortdiv-rightalign-margin: -30px -20px 0 0 !default;
-$grid-bigger-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
+$grid-bigger-fltricon-sortdiv-margin: -30px 16px -30px 0 !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -29px 0 0 22px !default;
-$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px 0 0 29px !default;
+$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px -8px 0 10px !default;
 $grid-column-menu-sub-menu-box-shadow: 0 6px 12px rgba($shadow, .175) !default;
 $grid-bigger-checkbox-filter-min-height: 360px !default;
 $grid-checkbox-filter-min-height: 338px !default;
 $grid-column-menu-margin: -20px !default;
 $grid-column-menu-padding: 6px !default;
 $grid-textwrap-column-menu-margin: -15px -20px -20px -20px !default;
-$grid-bigger-column-menu-margin: -7px -7px !default;
+$grid-bigger-column-menu-margin: -20px -18px !default;
 $grid-column-menu-top-touch: 31px !default;
 $grid-column-menu-bottom-touch: 31px !default;
 $grid-column-menu-right-touch: 23px !default;
@@ -466,10 +466,10 @@ $grid-unboundcelldiv-margin: 0 3.5px !default;
 $grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
 $grid-rowcell-wrap-height: 18px !default;
 $grid-rowcell-wrap-max-height: 36px !default;
-$grid-bigger-fltr-sortnumber-rightalign-margin: $grid-sortnumber-rightalign-margin !default;
-$grid-bigger-sortnumber-rightalign-margin: $grid-bigger-fltr-sortnumber-rightalign-margin !default;
+$grid-bigger-fltr-sortnumber-rightalign-margin: 7px 0 0 20px !default;
+$grid-bigger-sortnumber-rightalign-margin: 7px 0 0 20px !default;
 $grid-bigger-columnmenu-bottom: 16px !default;
-$grid-bigger-sortnumber-margin: $grid-sortnumber-margin !default;
+$grid-bigger-sortnumber-margin: 7px 8px 0 2px !default;
 $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
 $grid-rtl-searchclear: 0 !default;
 $grid-column-chosser-searchdiv-top: -46px !default;
@@ -559,7 +559,7 @@ $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: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: -1.5px !default;
+$grid-reorder-arrow-top-margin: .5px !default;
 $grid-reorder-downarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
@@ -575,8 +575,8 @@ $grid-bigger-sort-number-size: $grid-sort-number-size !default;
 $grid-sort-number-font-size: 9px !default;
 $grid-filter-border-radius: 6px !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: -29px 3px !default;
+$grid-bigger-sort-right-margin: 7px 2px 0 0 !default;
 $grid-skin: 'bootstrap' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;

package/styles/grid/_bootstrap-definition.scss

@@ -100,7 +100,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: 6px 0 0 5px !default;
-$grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
+$grid-rtl-bigger-rightalign-sortnumber-margin: 8px 0 0 4px !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;
@@ -248,7 +248,7 @@ $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !def
 $grid-sortnumer-line-height: 15px !default;
 $grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
 $grid-sortdiv-right-align-margin: -29px -5px !default;
-$grid-sortdiv-margin:  -29px 10px !default;
+$grid-sortdiv-margin:  -29px -10px !default;
 $grid-sortdiv-padding: 15px 0 !default;
 $grid-ungroup-button-line-height: 23px !default;
 $grid-ungroup-button-font-size: 10px !default;
@@ -300,11 +300,11 @@ $grid-rtl-group-headercell-margin-right: 8px !default;
 $grid-rtl-group-headercell-margin-left: 0 !default;
 $grid-fltr-rtl-sortnumber-margin: 9px 0 0 9px !default;
 $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
-$grid-fltr-rtl-sortnumber-rightalign-margin: 9px 0 0 25px !default;
-$grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 6px !default;
+$grid-rtl-sortnumber-rightalign-margin: 7px 0 0 12px !default;
 $grid-rtl-sortcelldiv-margin: -29px 10px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -29px 10px !default;
-$grid-rtl-bigger-sortcelldiv-right-align-margin: -31px 22px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -29px -8px !default;
+$grid-rtl-bigger-sortcelldiv-right-align-margin: -31px -10px !default;
 $grid-rtl-bigger-sortcelldiv-margin: -31px 5px !default;
 $grid-rtl-grouped-headercell-padding: 7px 0 !default;
 $grid-rtl-group-text-margin-left: 0 !default;
@@ -372,7 +372,7 @@ $grid-columnchooser-content-margin: 37px 0 0 !default;
 $grid-bigger-columnchooser-content-margin: 37px 0 0 !default;
 $grid-bigger-columnchooser-btn-font-size: 12px !default;
 $grid-bigger-sortdiv-rightalign-margin: -29px -5px !default;
-$grid-bigger-sortdiv-margin: -30px 8px !default;
+$grid-bigger-sortdiv-margin: -29px -8px !default;
 $grid-bigger-header-icons-font-size: 14px !default;
 $grid-bigger-grouptext-width: auto !default;
 $grid-edit-input-margin-top: 2px !default;
@@ -408,21 +408,21 @@ $grid-rtl-fltrdiv-margin: -20px 0 -20px -36px !default;
 $grid-rtl-bigger-fltrdiv-margin: -20px 0 -18px -25px !default;
 $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
 $grid-bigger-fltrdiv-margin: -21px -7px !default;
-$grid-sortdiv-filtericon-margin: -29px 28px -29px 0 !default;
+$grid-sortdiv-filtericon-margin: -29px 10px -29px 0 !default;
 $grid-sortdiv-filtericon-rightalign-margin: -29px -11px 0 0 !default;
 $grid-rtl-sortdiv-filtericon-rightalign-margin: -29px 0 0 10px !default;
 $grid-rtl-sortdiv-filtericon-margin: -29px 0 0 10px !default;
 $grid-bigger-fltricon-sortdiv-rightalign-margin: -30px -20px 0 0 !default;
-$grid-bigger-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
+$grid-bigger-fltricon-sortdiv-margin: -30px 16px -30px 0 !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -29px 0 0 22px !default;
-$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px 0 0 29px !default;
+$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px -8px 0 10px !default;
 $grid-column-menu-sub-menu-box-shadow: 0 6px 12px rgba($shadow, .175) !default;
 $grid-bigger-checkbox-filter-min-height: 360px !default;
 $grid-checkbox-filter-min-height: 338px !default;
 $grid-column-menu-margin: -20px !default;
 $grid-column-menu-padding: 6px !default;
 $grid-textwrap-column-menu-margin: -15px -20px -20px -20px !default;
-$grid-bigger-column-menu-margin: -7px -7px !default;
+$grid-bigger-column-menu-margin: -20px -18px !default;
 $grid-column-menu-top-touch: 31px !default;
 $grid-column-menu-bottom-touch: 31px !default;
 $grid-column-menu-right-touch: 23px !default;
@@ -469,7 +469,7 @@ $grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
 $grid-rowcell-wrap-height: 18px !default;
 $grid-rowcell-wrap-max-height: 36px !default;
 $grid-bigger-fltr-sortnumber-rightalign-margin: $grid-sortnumber-rightalign-margin !default;
-$grid-bigger-sortnumber-rightalign-margin: $grid-bigger-fltr-sortnumber-rightalign-margin !default;
+$grid-bigger-sortnumber-rightalign-margin: 7px 0 0 20px !default;
 $grid-bigger-columnmenu-bottom: 16px !default;
 $grid-bigger-sortnumber-margin: $grid-sortnumber-margin !default;
 $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
@@ -490,7 +490,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: -20px -18px -18px 1px !default;
 $grid-rtl-textwrap-column-menu-margin: -15px -13px -23px -3px !default;
 $grid-filter-checkbox-width: 0 !default;
 $grid-filter-checkbox-white-space: nowrap !default;
@@ -561,7 +561,7 @@ $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: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: -1.5px !default;
+$grid-reorder-arrow-top-margin: .5px !default;
 $grid-reorder-downarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
@@ -577,8 +577,8 @@ $grid-bigger-sort-number-size: $grid-sort-number-size !default;
 $grid-sort-number-font-size: 9px !default;
 $grid-filter-border-radius: 6px !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: -29px 3px !default;
+$grid-bigger-sort-right-margin: 7px 2px 0 0 !default;
 $grid-skin: 'bootstrap' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;

package/styles/grid/_bootstrap4-definition.scss

@@ -97,8 +97,8 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $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: 6px 0 0 6px !default;
-$grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
+$grid-rtl-bigger-sortnumber-margin: 4px 0 0 2px !default;
+$grid-rtl-bigger-rightalign-sortnumber-margin: 4px 0 0 12px !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;
@@ -242,7 +242,7 @@ $grid-summary-template-row-bg-color: '' !default;
 $grid-summary-row-bg-color: $gray-100 !default;
 $grid-sortdiv-width: 16px !default;
 $grid-sortdiv-height: 16px !default;
-$grid-sortnumber-margin: 2px 8px 0 8px !default;
+$grid-sortnumber-margin: 2px -6px 0 0 !default;
 $grid-fltr-sortnumber-margin: $grid-sortnumber-margin !default;
 $grid-fltr-sortnumber-rightalign-margin: 2px 8px 0 8px !default;
 $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !default;
@@ -299,13 +299,13 @@ $grid-group-height: 52px !default;
 $grid-ungroup-rtl-padding-top: 4px !default;
 $grid-rtl-group-headercell-margin-right: 8px !default;
 $grid-rtl-group-headercell-margin-left: 0 !default;
-$grid-fltr-rtl-sortnumber-margin: 1px 0 0 12px !default;
+$grid-fltr-rtl-sortnumber-margin: 1px 0 0 10px !default;
 $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
-$grid-fltr-rtl-sortnumber-rightalign-margin: 1px 0 0 20px !default;
-$grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
+$grid-fltr-rtl-sortnumber-rightalign-margin: 2px 0 0 5px !default;
+$grid-rtl-sortnumber-rightalign-margin: 2px 0 0 10px !default;
 $grid-rtl-sortcelldiv-margin: -29px 10px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -29px 10px !default;
-$grid-rtl-bigger-sortcelldiv-right-align-margin: -31px 22px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -29px -10px !default;
+$grid-rtl-bigger-sortcelldiv-right-align-margin: -29px -10px !default;
 $grid-rtl-bigger-sortcelldiv-margin: -31px 5px !default;
 $grid-rtl-grouped-headercell-padding: 0 !default;
 $grid-rtl-group-text-margin-left: 0 !default;
@@ -372,8 +372,8 @@ $grid-column-chooser-searchdiv-left: 1px !default;
 $grid-columnchooser-content-margin: 40px 0 0 !default;
 $grid-bigger-columnchooser-content-margin: 40px 0 0 !default;
 $grid-bigger-columnchooser-btn-font-size: 12px !default;
-$grid-bigger-sortdiv-rightalign-margin: -32px -2px !default;
-$grid-bigger-sortdiv-margin: -31px -2px !default;
+$grid-bigger-sortdiv-rightalign-margin: -30px -10px !default;
+$grid-bigger-sortdiv-margin: -30px -2px !default;
 $grid-bigger-header-icons-font-size: 8px !default;
 $grid-bigger-grouptext-width: auto !default;
 $grid-edit-input-margin-top: 2px !default;
@@ -415,18 +415,18 @@ $grid-sortdiv-filtericon-margin: -28px 10px -29px 0 !default;
 $grid-sortdiv-filtericon-rightalign-margin: -28px -11px -5px -5px !default;
 $grid-rtl-sortdiv-filtericon-rightalign-margin: -29px 0 0 10px !default;
 $grid-rtl-sortdiv-filtericon-margin: -29px 0 0 10px !default;
-$grid-bigger-fltricon-sortdiv-rightalign-margin: -32px -20px 0 2px !default;
-$grid-bigger-fltricon-sortdiv-margin: -32px 18px -31px 0 !default;
+$grid-bigger-fltricon-sortdiv-rightalign-margin: -30px -20px 0 -6px !default;
+$grid-bigger-fltricon-sortdiv-margin: -30px 18px -31px 0 !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -29px 0 0 14px !default;
-$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px 0 0 33px !default;
+$grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px 18px 0 10px !default;
 $grid-shadow: #000 !default;
 $grid-column-menu-sub-menu-box-shadow: 0 6px 12px rgba($grid-shadow, .175) !default;
 $grid-bigger-checkbox-filter-min-height: 348px !default;
 $grid-checkbox-filter-min-height: 328px !default;
-$grid-column-menu-margin: -20px !default;
+$grid-column-menu-margin: -19px !default;
 $grid-column-menu-padding: 6px !default;
 $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
-$grid-bigger-column-menu-margin: 0 -3px !default;
+$grid-bigger-column-menu-margin: -19px !default;
 $grid-column-menu-top-touch: 31px !default;
 $grid-column-menu-bottom-touch: 32px !default;
 $grid-column-menu-right-touch: 23px !default;
@@ -473,10 +473,10 @@ $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: 2px 0 0 19px !default;
-$grid-bigger-sortnumber-rightalign-margin: $grid-bigger-fltr-sortnumber-rightalign-margin !default;
+$grid-bigger-fltr-sortnumber-rightalign-margin: 4px 0 0 10px !default;
+$grid-bigger-sortnumber-rightalign-margin: 4px 0 0 10px !default;
 $grid-bigger-columnmenu-bottom: 13px !default;
-$grid-bigger-sortnumber-margin: 3px 19px 0 2px !default;
+$grid-bigger-sortnumber-margin: 4px 5px 0 2px !default;
 $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
 $grid-rtl-searchclear: 0 !default;
 $grid-column-chosser-searchdiv-top: -44px !default;
@@ -487,7 +487,7 @@ $grid-bigger-draganddrop-clone-padding: 2px 0 1px !default;
 $grouped-bigger-text-font-size: 14px !default;
 $grid-bigger-ungroupbutton-icon-margin-right: 8px !default;
 $grid-bigger-font-size: 16px !default;
-$grid-rtl-bigger-rightalign-fltrdiv-margin: -20px 0 -18px -72px !default;
+$grid-rtl-bigger-rightalign-fltrdiv-margin: -20px 0 -18px -54px !default;
 $grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
 $grid-grouparea-font-weight: normal !default;
 $grid-ungroup-rtl-margin-left: 0 !default;
@@ -560,12 +560,12 @@ $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: 1px -2px 0 0 !default;
+$grid-rtl-sort-num-left-align-margin: 4px -2px 0 0 !default;
 $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: $grid-content-font-color !default !default;
 $grid-reorderarrow-margin-top: -7.5px !default;
 $grid-reorderdownarrow-margin-top: 2.5px !default;
-$grid-reorder-arrow-top-margin: -1px !default;
+$grid-reorder-arrow-top-margin: 0 !default;
 $grid-reorder-downarrow-top-margin: -3px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
@@ -581,8 +581,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: -29px 3px !default;
+$grid-bigger-sort-right-margin: 4px 2px 0 0 !default;
 $grid-skin: 'bootstrap4' !default;
 $grid-biggerreorderarrow-font-size: $grid-reorderarrow-font-size !default;
 $grid-bigger-drag-count-padding: 3px 7px 4px !default;