@syncfusion/ej2-vue-grids 20.1.56 → 20.1.59

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-grids@*",
-  "_id": "@syncfusion/ej2-vue-grids@20.1.55",
+  "_id": "@syncfusion/ej2-vue-grids@20.1.58",
   "_inBundle": false,
-  "_integrity": "sha512-sQdXcj4m56BeuMypSodOr3N0CfXB7svqp9gVePHHUYwQkkq7klBOm14qOKXd/Nca0Hr5rWLrFqoD3NceociyHA==",
+  "_integrity": "sha512-0pSfKipwUL9Str61NpMW4igHfAzcG/5/Su+3w0Rb77JgidOs1m8AZq4S4peZdYtL0Pbi2VbYYIFDanYcJpADnQ==",
   "_location": "/@syncfusion/ej2-vue-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-grids/-/ej2-vue-grids-20.1.55.tgz",
-  "_shasum": "67d3f6efa91ff4d175d749fb9c09779bed984b28",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-grids/-/ej2-vue-grids-20.1.58.tgz",
+  "_shasum": "f47f8d022dbe358b1aeda45dc0a23ba51dcbffc4",
   "_spec": "@syncfusion/ej2-vue-grids@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.56",
-    "@syncfusion/ej2-grids": "20.1.56",
-    "@syncfusion/ej2-vue-base": "~20.1.56"
+    "@syncfusion/ej2-base": "~20.1.57",
+    "@syncfusion/ej2-grids": "20.1.59",
+    "@syncfusion/ej2-vue-base": "~20.1.57"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Vue",
@@ -65,6 +65,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "20.1.56",
+  "version": "20.1.59",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -1566,6 +1566,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 31px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1775,7 +1776,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -2597,7 +2598,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #484848;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4052,6 +4053,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -1.5px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/bootstrap.css

@@ -1567,6 +1567,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 31px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1776,7 +1777,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -2598,7 +2599,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #ddd;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4053,6 +4054,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -1.5px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/bootstrap4.css

@@ -1616,6 +1616,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 32px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1825,7 +1826,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -2647,7 +2648,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #dee2e6;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4102,6 +4103,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -1px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -3px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/bootstrap5-dark.css

@@ -1659,6 +1659,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 21px;
+  top: 23px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -2697,7 +2698,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #444c54;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4152,6 +4153,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/bootstrap5.css

@@ -1659,6 +1659,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 21px;
+  top: 23px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -2697,7 +2698,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #dee2e6;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4152,6 +4153,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/fabric-dark.css

@@ -1542,6 +1542,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 37px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -2573,7 +2574,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #414040;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4028,6 +4029,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/fabric.css

@@ -1535,6 +1535,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 37px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -2566,7 +2567,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #eaeaea;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4021,6 +4022,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/fluent-dark.css

@@ -1605,6 +1605,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 10px;
+  top: 28px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1836,7 +1837,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -2661,7 +2662,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #292827;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4128,6 +4129,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.4px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/fluent.css

@@ -1605,6 +1605,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 10px;
+  top: 28px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1836,7 +1837,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -2661,7 +2662,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #edebe9;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4128,6 +4129,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.4px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/bootstrap-dark.css

@@ -473,6 +473,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 31px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -682,7 +683,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -1504,7 +1505,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #484848;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -2959,6 +2960,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -1.5px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/bootstrap.css

@@ -474,6 +474,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 31px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -683,7 +684,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -1505,7 +1506,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #ddd;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -2960,6 +2961,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -1.5px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/bootstrap4.css

@@ -515,6 +515,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 32px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -724,7 +725,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -1546,7 +1547,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #dee2e6;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -3001,6 +3002,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -1px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -3px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/bootstrap5-dark.css

@@ -528,6 +528,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 21px;
+  top: 23px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1566,7 +1567,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #444c54;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -3021,6 +3022,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/bootstrap5.css

@@ -528,6 +528,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 21px;
+  top: 23px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1566,7 +1567,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #dee2e6;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -3021,6 +3022,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/fabric-dark.css

@@ -449,6 +449,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 37px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1480,7 +1481,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #414040;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -2935,6 +2936,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/fabric.css

@@ -442,6 +442,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 37px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1473,7 +1474,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #eaeaea;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -2928,6 +2929,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/fluent-dark.css

@@ -507,6 +507,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 10px;
+  top: 28px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -738,7 +739,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -1563,7 +1564,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #292827;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -3030,6 +3031,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.4px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/fluent.css

@@ -507,6 +507,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 10px;
+  top: 28px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -738,7 +739,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -1563,7 +1564,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #edebe9;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -3030,6 +3031,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.4px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;