@syncfusion/ej2-angular-grids 20.2.36 → 20.2.38

package/package.json

@@ -2,7 +2,7 @@
   "_from": "@syncfusion/ej2-angular-grids@*",
   "_id": "@syncfusion/ej2-angular-grids@20.1.61",
   "_inBundle": false,
-  "_integrity": "sha512-hLt88KaMDRKGjcTdFDkbJSsdTHaVLMOXFXDy1KGVASm+Ig+SxmrssIqkfSrbg97obMfVj4ydYPEZpZ6kVq7RHQ==",
+  "_integrity": "sha512-CRH5/YF7OG6oGyyPEoLY6NMaNnMEYRiGuLuAPSIjr4i6hVdItN9N1pYHm1v4hPgwXzuXFJh4nZ0+EHGx3HcHug==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -20,7 +20,7 @@
     "/"
   ],
   "_resolved": "http://nexus.syncfusion.com/repository/ej2-angular-development/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-20.1.61.tgz",
-  "_shasum": "b4f8a345244ae0fb3505bd471f62ed72faaa5269",
+  "_shasum": "ed29b0533825c1feb7be947967a48aa60f1f25f6",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.2.36",
-    "@syncfusion/ej2-base": "~20.2.36",
-    "@syncfusion/ej2-grids": "20.2.36",
+    "@syncfusion/ej2-angular-base": "~20.2.38",
+    "@syncfusion/ej2-base": "~20.2.38",
+    "@syncfusion/ej2-grids": "20.2.38",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -83,5 +83,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-grids.d.ts",
-  "version": "20.2.36"
+  "version": "20.2.38"
 }

package/styles/bootstrap-dark.css

@@ -1274,8 +1274,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: -3px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: -4px;
 }

package/styles/bootstrap.css

@@ -1275,8 +1275,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: -3px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: -4px;
 }

package/styles/bootstrap4.css

@@ -1322,8 +1322,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: -1px;
   margin-right: 8px;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: -1px;
 }

package/styles/bootstrap5-dark.css

@@ -1336,8 +1336,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 1px;
 }
@@ -3262,7 +3262,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: -10px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -12px;
   padding-top: 0;
 }

package/styles/bootstrap5.css

@@ -1336,8 +1336,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 1px;
 }
@@ -3262,7 +3262,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: -10px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -12px;
   padding-top: 0;
 }

package/styles/fabric-dark.css

@@ -1248,8 +1248,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }

package/styles/fabric.css

@@ -1241,8 +1241,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }

package/styles/fluent-dark.css

@@ -1322,19 +1322,27 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger span.e-ungroupbutton,
 .e-grid.e-bigger .e-toggleungroup {
   margin-left: -8px;
-  margin-top: -14px;
+  margin-top: -4px;
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
   font-size: 16px;
-  margin-left: -18px;
-  margin-top: -12px;
-  margin-right: 8px;
+  margin-left: 0;
+  margin-top: -4px;
+  margin-right: 4px;
+  padding: 0 4px;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
-  margin-top: -14px;
+  margin-top: -4px;
+  margin-left: 0;
+  padding: 0 4px;
+}
+.e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
+  margin-top: 0;
+  padding: 0 4px;
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
@@ -1344,11 +1352,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -13px;
-  margin-right: -20px;
-  margin-top: -6px;
+  margin-left: -9px;
+  margin-right: -6px;
+  margin-top: -4px;
   padding-top: 4px;
-  padding-left: 12px;
+  padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -2692,11 +2700,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-groupsort {
   margin-right: 0;
-  margin-top: -4px;
+  margin-top: -3px;
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 0;
+  margin-top: 1px;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -3271,7 +3279,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: -8px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -14px;
   padding-top: 4px;
 }
@@ -3570,7 +3578,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
-  padding: 9.5px 4px 14px 12px;
+  padding: 11.5px 4px 14px 4px;
 }
 
 .e-grid-min-height .e-rowcell {

package/styles/fluent.css

@@ -1322,19 +1322,27 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger span.e-ungroupbutton,
 .e-grid.e-bigger .e-toggleungroup {
   margin-left: -8px;
-  margin-top: -14px;
+  margin-top: -4px;
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
   font-size: 16px;
-  margin-left: -18px;
-  margin-top: -12px;
-  margin-right: 8px;
+  margin-left: 0;
+  margin-top: -4px;
+  margin-right: 4px;
+  padding: 0 4px;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
-  margin-top: -14px;
+  margin-top: -4px;
+  margin-left: 0;
+  padding: 0 4px;
+}
+.e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
+  margin-top: 0;
+  padding: 0 4px;
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
@@ -1344,11 +1352,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -13px;
-  margin-right: -20px;
-  margin-top: -6px;
+  margin-left: -9px;
+  margin-right: -6px;
+  margin-top: -4px;
   padding-top: 4px;
-  padding-left: 12px;
+  padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -2692,11 +2700,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-groupsort {
   margin-right: 0;
-  margin-top: -4px;
+  margin-top: -3px;
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 0;
+  margin-top: 1px;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -3271,7 +3279,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: -8px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -14px;
   padding-top: 4px;
 }
@@ -3570,7 +3578,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
-  padding: 9.5px 4px 14px 12px;
+  padding: 11.5px 4px 14px 4px;
 }
 
 .e-grid-min-height .e-rowcell {

package/styles/grid/_bootstrap5-definition.scss

@@ -476,7 +476,7 @@ $grid-bigger-font-size: 16px !default;
 $grid-rtl-bigger-rightalign-fltrdiv-margin: -14px 4px -14px -2px !default;
 $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
 $grid-grouparea-font-weight: normal !default;
-$grid-ungroup-rtl-margin-left: -2px !default;
+$grid-ungroup-rtl-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-left: -5px !default;
 $grid-rtl-column-menu-left: 23px !default;
 $grid-checkboxfiltertext-width: 150px !default;

package/styles/grid/_fluent-definition.scss

@@ -171,8 +171,8 @@ $grid-bigger-group-text-line-height: .2em !default;
 $grid-bigger-groupcaption-line-height: 16px !default;
 $grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
 $grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
-$grid-bigger-rtl-ungroup-icon-margin-top: -6px !default;
-$grid-bigger-rtl-ungroup-icon-margin-right: -20px !default;
+$grid-bigger-rtl-ungroup-icon-margin-top: -4px !default;
+$grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
 $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
 $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
 $grid-bigger-textwrap-sorticon-margin: -9px 10px !default;
@@ -308,7 +308,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: 16px !default;
-$grid-group-unpgroupicon-margin-top: 0 !default;
+$grid-group-unpgroupicon-margin-top: 1px !default;
 $grid-summary-cell-line-height: 14px !default;
 $grid-edit-input-padding-bottom: 1px !default;
 $grid-edit-input-padding-top: 2px !default;
@@ -339,7 +339,7 @@ $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: 14px !default;
 $grid-group-caption-header-padding: .7em !default;
 $group-sorticon-margin-left: -8px !default;
-$group-sorticon-margin-top: -4px !default;
+$group-sorticon-margin-top: -3px !default;
 $grid-bigger-headercell-line-height: 44px !default;
 $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
 $grid-bigger-rowcell-line-height: 1 !default;
@@ -354,7 +354,7 @@ $grid-bigger-content-right-padding: 12px !default;
 $grid-bigger-headercell-font-size: 16px !default;
 $grid-bigger-content-font-size: 16px !default;
 $grid-filterbar-border-radius: 4px !default;
-$grid-bigger-sorticon-margin-top: -14px !default;
+$grid-bigger-sorticon-margin-top: -4px !default;
 $grid-header-border-width: 0 !default;
 $grid-bigger-groupedcell-padding: 0 !default;
 $grid-bigger-group-headercell-margin: 6px 0 6px 8px !default;
@@ -368,8 +368,8 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
 $grid-bigger-groupedcell-icons-marign-left: -8px !default;
 $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
 $grid-bigger-groupcell-span-padding: 8px 4px 14px 12px !default;
-$grid-bigger-ungroupbutton-icon-margin-left: -18px !default;
-$grid-bigger-ungroupbutton-icon-margin-top: -12px !default;
+$grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
+$grid-bigger-ungroupbutton-icon-margin-top: -4px !default;
 $grid-bigger-groupcell-span-line-height: 30px !default;
 $grid-bigger-gdownarrow-icon-font-size: 18px !default;
 $grid-gd-clone-border-radius: 4px !default;
@@ -479,12 +479,12 @@ $grid-bigger-wrap-line-height: 24px !default;
 $grid-bigger-clone-padding: 3px 0 0 8px !default;
 $grid-bigger-draganddrop-clone-padding: 3px 0 0 8px !default;
 $grouped-bigger-text-font-size: 16px !default;
-$grid-bigger-ungroupbutton-icon-margin-right: 8px !default;
+$grid-bigger-ungroupbutton-icon-margin-right: 4px !default;
 $grid-bigger-font-size: 16px !default;
 $grid-rtl-bigger-rightalign-fltrdiv-margin: -23px 0 -18px -42px !default;
-$grid-bigger-rtl-ungroup-icon-margin-left: -13px !default;
+$grid-bigger-rtl-ungroup-icon-margin-left: -9px !default;
 $grid-grouparea-font-weight: normal !default;
-$grid-ungroup-rtl-margin-left: -2px !default;
+$grid-ungroup-rtl-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-left: -5px !default;
 $grid-rtl-column-menu-left: 23px !default;
 $grid-checkboxfiltertext-width: 150px !default;
@@ -576,9 +576,9 @@ $grid-bigger-check-select-all-font-size: 10px !default;
 $grid-adaptive-sort-clear-button-padding: 4px !default;
 $grid-cc-margin-top: 2px !default;
 $grid-bigger-rtl-cm-margin: -20px -18px -5px -22px !default;
-$grid-bigger-rtl-group-span-padding: 9.5px 4px 14px 12px !default;
+$grid-bigger-rtl-group-span-padding: 11.5px 4px 14px 4px !default;
 $grid-rtl-group-span-padding: 4px 12px 4px 8px !default;
-$grid-ungroup-rtl-padding-left: 12px !default;
+$grid-ungroup-rtl-padding-left: 8px !default;
 $grid-bigger-headercell-top-padding: 0 !default;
 $grid-bigger-icon-font-size: 18px !default;
 $grid-rtl-mselect-dd-indicator-left: -6px !default;

package/styles/grid/_layout.scss

@@ -627,6 +627,9 @@
       margin-left: $grid-bigger-ungroupbutton-icon-margin-left;
       margin-top: $grid-bigger-ungroupbutton-icon-margin-top;
       margin-right: $grid-bigger-ungroupbutton-icon-margin-right;
+      @if $grid-skin == 'fluent' {
+        padding: 0 4px;
+      }
     }
 
     span.e-ungroupbutton.e-icons:hover {
@@ -635,11 +638,22 @@
       }
     }
 
-    .e-groupsort {
+    span.e-groupsort.e-icons {
       margin-right: $group-bigger-sorticon-margin-right;
       margin-top: $grid-bigger-sorticon-margin-top;
+      @if $grid-skin == 'fluent' {
+        margin-left: 0;
+        padding: 0 4px;
+      }
     }
 
+    &.e-rtl  span.e-groupsort.e-icons {
+      @if $grid-skin == 'fluent' {
+          margin-top: 0;
+          padding: 0 4px;
+      }
+  }
+
     &.e-rtl .e-groupheadercell,
     &.e-rtl .e-groupheadercell:hover {
       margin: $grid-bigger-rtl-group-headercell-margin;

package/styles/grid/_tailwind-definition.scss

@@ -482,7 +482,7 @@ $grid-bigger-font-size: 16px !default;
 $grid-rtl-bigger-rightalign-fltrdiv-margin: -15px 6px -15px -3px !default;
 $grid-bigger-rtl-ungroup-icon-margin-left: -8px !default;
 $grid-grouparea-font-weight: normal !default;
-$grid-ungroup-rtl-margin-left: -2px !default;
+$grid-ungroup-rtl-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-left: -5px !default;
 $grid-rtl-column-menu-left: 23px !default;
 $grid-checkboxfiltertext-width: 150px !default;

package/styles/grid/bootstrap-dark.css

@@ -868,8 +868,8 @@
   margin-top: -3px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: -4px;
 }

package/styles/grid/bootstrap.css

@@ -869,8 +869,8 @@
   margin-top: -3px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: -4px;
 }

package/styles/grid/bootstrap4.css

@@ -908,8 +908,8 @@
   margin-top: -1px;
   margin-right: 8px;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: -1px;
 }

package/styles/grid/bootstrap5-dark.css

@@ -927,8 +927,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 1px;
 }
@@ -2853,7 +2853,7 @@
   margin-right: -10px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -12px;
   padding-top: 0;
 }

package/styles/grid/bootstrap5.css

@@ -927,8 +927,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 1px;
 }
@@ -2853,7 +2853,7 @@
   margin-right: -10px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -12px;
   padding-top: 0;
 }

package/styles/grid/fabric-dark.css

@@ -842,8 +842,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }

package/styles/grid/fabric.css

@@ -835,8 +835,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }

package/styles/grid/fluent-dark.css

@@ -913,19 +913,27 @@
 .e-grid.e-bigger span.e-ungroupbutton,
 .e-grid.e-bigger .e-toggleungroup {
   margin-left: -8px;
-  margin-top: -14px;
+  margin-top: -4px;
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
   font-size: 16px;
-  margin-left: -18px;
-  margin-top: -12px;
-  margin-right: 8px;
+  margin-left: 0;
+  margin-top: -4px;
+  margin-right: 4px;
+  padding: 0 4px;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
-  margin-top: -14px;
+  margin-top: -4px;
+  margin-left: 0;
+  padding: 0 4px;
+}
+.e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
+  margin-top: 0;
+  padding: 0 4px;
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
@@ -935,11 +943,11 @@
 }
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -13px;
-  margin-right: -20px;
-  margin-top: -6px;
+  margin-left: -9px;
+  margin-right: -6px;
+  margin-top: -4px;
   padding-top: 4px;
-  padding-left: 12px;
+  padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -2283,11 +2291,11 @@
 }
 .e-grid .e-groupsort {
   margin-right: 0;
-  margin-top: -4px;
+  margin-top: -3px;
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 0;
+  margin-top: 1px;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -2862,7 +2870,7 @@
   margin-right: -8px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -14px;
   padding-top: 4px;
 }
@@ -3161,7 +3169,7 @@
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
-  padding: 9.5px 4px 14px 12px;
+  padding: 11.5px 4px 14px 4px;
 }
 
 .e-grid-min-height .e-rowcell {

package/styles/grid/fluent.css

@@ -913,19 +913,27 @@
 .e-grid.e-bigger span.e-ungroupbutton,
 .e-grid.e-bigger .e-toggleungroup {
   margin-left: -8px;
-  margin-top: -14px;
+  margin-top: -4px;
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
   font-size: 16px;
-  margin-left: -18px;
-  margin-top: -12px;
-  margin-right: 8px;
+  margin-left: 0;
+  margin-top: -4px;
+  margin-right: 4px;
+  padding: 0 4px;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
-  margin-top: -14px;
+  margin-top: -4px;
+  margin-left: 0;
+  padding: 0 4px;
+}
+.e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
+  margin-top: 0;
+  padding: 0 4px;
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
@@ -935,11 +943,11 @@
 }
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -13px;
-  margin-right: -20px;
-  margin-top: -6px;
+  margin-left: -9px;
+  margin-right: -6px;
+  margin-top: -4px;
   padding-top: 4px;
-  padding-left: 12px;
+  padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -2283,11 +2291,11 @@
 }
 .e-grid .e-groupsort {
   margin-right: 0;
-  margin-top: -4px;
+  margin-top: -3px;
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 0;
+  margin-top: 1px;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -2862,7 +2870,7 @@
   margin-right: -8px;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -14px;
   padding-top: 4px;
 }
@@ -3161,7 +3169,7 @@
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
-  padding: 9.5px 4px 14px 12px;
+  padding: 11.5px 4px 14px 4px;
 }
 
 .e-grid-min-height .e-rowcell {

package/styles/grid/highcontrast-light.css

@@ -839,8 +839,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }

package/styles/grid/highcontrast.css

@@ -839,8 +839,8 @@
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }

package/styles/grid/material-dark.css

@@ -883,8 +883,8 @@
   margin-top: 0;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 0;
 }

package/styles/grid/material.css

@@ -917,8 +917,8 @@
   margin-top: 0;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 0;
 }

package/styles/grid/tailwind-dark.css

@@ -918,8 +918,8 @@
 .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
   color: #374151;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 0;
 }
@@ -2877,7 +2877,7 @@
   margin-right: 0;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -9px;
   padding-top: 0;
 }

package/styles/grid/tailwind.css

@@ -918,8 +918,8 @@
 .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
   color: #374151;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 0;
 }
@@ -2877,7 +2877,7 @@
   margin-right: 0;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -9px;
   padding-top: 0;
 }

package/styles/highcontrast-light.css

@@ -1245,8 +1245,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }

package/styles/highcontrast.css

@@ -1245,8 +1245,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 1px;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }

package/styles/material-dark.css

@@ -1295,8 +1295,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 0;
 }

package/styles/material.css

@@ -1337,8 +1337,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
   margin-right: 0;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 0;
 }

package/styles/tailwind-dark.css

@@ -1328,8 +1328,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
   color: #374151;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 0;
 }
@@ -3287,7 +3287,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: 0;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -9px;
   padding-top: 0;
 }

package/styles/tailwind.css

@@ -1328,8 +1328,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
   color: #374151;
 }
-.e-bigger .e-grid .e-groupsort,
-.e-grid.e-bigger .e-groupsort {
+.e-bigger .e-grid span.e-groupsort.e-icons,
+.e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 0;
 }
@@ -3287,7 +3287,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: 0;
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
-  margin-left: -2px;
+  margin-left: 0;
   margin-right: -9px;
   padding-top: 0;
 }