@syncfusion/ej2-angular-grids 19.4.52 → 19.4.53

package/styles/grid/bootstrap5-dark.css

@@ -462,12 +462,12 @@
 
 .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
 .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
-  font-size: 18px;
+  font-size: 13px;
 }
 
 .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
 .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
-  font-size: 18px;
+  font-size: 13px;
 }
 
 .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
@@ -494,7 +494,7 @@
 .e-bigger .e-grid .e-headercell,
 .e-grid.e-bigger .e-headercell {
   height: 40px;
-  padding: 10px 8px 10px;
+  padding: 10px 12px 10px;
 }
 
 .e-bigger .e-grid .e-headercelldiv,
@@ -590,7 +590,7 @@
 .e-grid.e-bigger .e-filterbarcell,
 .e-grid.e-bigger .e-filterbarcelldisabled {
   height: 40px;
-  padding: 0 8px;
+  padding: 0 12px;
 }
 
 .e-bigger .e-grid .e-filterbarcell input,
@@ -656,7 +656,7 @@
 
 .e-bigger .e-grid .e-filtermenudiv,
 .e-grid.e-bigger .e-filtermenudiv {
-  margin: -20px -6px;
+  margin: -14px -6px;
 }
 
 .e-bigger .e-grid .e-sortfilterdiv,
@@ -666,7 +666,7 @@
 
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px 26px -31px 0;
+  margin: -14px 19px -31px 0;
 }
 
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -732,7 +732,7 @@
 
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -20px 0 -4px;
+  margin: -14px -20px 0 -4px;
 }
 
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -759,7 +759,7 @@
 
 .e-bigger .e-grid.e-rtl .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl .e-filtermenudiv {
-  margin: -21px 0 -18px -10px;
+  margin: -20px 0 -18px -10px;
 }
 
 .e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv,
@@ -771,7 +771,7 @@
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
-  margin: 5px 0 0 36px;
+  margin: 4px 0 0 36px;
 }
 
 .e-bigger .e-grid .e-rowcell,
@@ -849,7 +849,7 @@
 
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 
 .e-bigger .e-grid .e-groupheadercell,
@@ -994,8 +994,8 @@
 .e-grid.e-bigger .e-unboundcell,
 .e-grid.e-bigger .e-editedrow .e-normaledit .e-unboundcell,
 .e-grid.e-bigger .e-addedrow .e-normaledit .e-unboundcell {
-  padding-bottom: 6px;
-  padding-top: 6px;
+  padding-bottom: 1.2px;
+  padding-top: 1.2px;
 }
 
 .e-bigger .e-grid .e-grouptext,
@@ -1179,20 +1179,20 @@
 }
 
 .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
-  font-size: 18px;
+  font-size: 13px;
 }
 
 .e-grid .e-row .e-icon-rowdragicon::before {
   display: block;
   text-indent: 10px;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
   color: #adb5bd;
   opacity: 0.54;
 }
 
 .e-grid .e-row .e-icon-rowdragmoveicon::before {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
 }
 
@@ -1950,7 +1950,7 @@
   float: right;
   height: 16px;
   margin: -28px -4px;
-  padding: 8px 8px;
+  padding: 1px 2px;
   width: 16px;
 }
 
@@ -1980,8 +1980,8 @@
 
 .e-grid .e-filtermenudiv {
   float: right;
-  margin: -20px -10px;
-  padding: 8px;
+  margin: -11px -8px;
+  padding: 2px 2px 1px;
   text-align: right;
 }
 
@@ -2030,25 +2030,25 @@
   border-radius: 65%;
   display: inline-block;
   float: right;
-  font-size: 11px;
+  font-size: 12px;
   height: 16px;
   line-height: 16px;
-  margin: 2px 11px 0 8px;
+  margin: 1.5px 11px 0 8px;
   text-align: center;
   width: 16px;
 }
 
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 2px 11px 0 15px;
+  margin: 1.5px 11px 0 15px;
 }
 
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px 29px -29px 0;
+  margin: -11px 20px -29px 0;
 }
 
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -11px -5px -5px;
+  margin: -11px -11px -5px -5px;
 }
 
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
@@ -2072,7 +2072,7 @@
   position: absolute;
   right: 23px;
   float: right;
-  margin: -19px -18px -3px -19px;
+  margin: -19px -23px -3px -19px;
   padding: 6px;
 }
 
@@ -2471,6 +2471,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 36px;
 }
 
@@ -3163,11 +3164,11 @@
 }
 
 .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -4px 0 26px;
+  margin: -11px -2px 0 8px;
 }
 
 .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -4px 0 28px;
+  margin: -11px -25px 0 18px;
 }
 
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
@@ -3467,8 +3468,8 @@
 
 .e-grid.e-rtl .e-filtermenudiv {
   float: left;
-  margin: -20px 0 -20px -6px;
-  padding: 8px;
+  margin: -11px 0 -20px -6px;
+  padding: 2px 2px 1px;
 }
 
 .e-grid.e-wrap .e-rowcell,
@@ -3975,7 +3976,7 @@
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
   color: #adb5bd;
   font-size: 18px;
-  margin-top: -12px;
+  margin-top: -10px;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn:hover .e-btn-icon,
@@ -4006,7 +4007,7 @@
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header {
   font-weight: 500;
-  padding-top: 5px;
+  padding-top: 4px;
   width: 100%;
 }
 
@@ -4346,7 +4347,7 @@
 
 .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
-  color: #adb5bd;
+  color: #0d6efd;
 }
 
 .e-grid .e-groupdroparea .e-icons {
@@ -4633,18 +4634,18 @@
 }
 
 .e-grid .e-rhelper {
-  background-color: #444c54;
+  background-color: #adb5bd;
   cursor: col-resize;
   opacity: 1;
 }
 
 .e-grid.e-device .e-rcursor::before {
-  border-right-color: #444c54;
+  border-right-color: #adb5bd;
   opacity: 1;
 }
 
 .e-grid.e-device .e-rcursor::after {
-  border-left-color: #444c54;
+  border-left-color: #adb5bd;
   opacity: 1;
 }
 

package/styles/grid/bootstrap5.css

@@ -462,12 +462,12 @@
 
 .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
 .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
-  font-size: 18px;
+  font-size: 13px;
 }
 
 .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
 .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
-  font-size: 18px;
+  font-size: 13px;
 }
 
 .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
@@ -494,7 +494,7 @@
 .e-bigger .e-grid .e-headercell,
 .e-grid.e-bigger .e-headercell {
   height: 40px;
-  padding: 10px 8px 10px;
+  padding: 10px 12px 10px;
 }
 
 .e-bigger .e-grid .e-headercelldiv,
@@ -590,7 +590,7 @@
 .e-grid.e-bigger .e-filterbarcell,
 .e-grid.e-bigger .e-filterbarcelldisabled {
   height: 40px;
-  padding: 0 8px;
+  padding: 0 12px;
 }
 
 .e-bigger .e-grid .e-filterbarcell input,
@@ -656,7 +656,7 @@
 
 .e-bigger .e-grid .e-filtermenudiv,
 .e-grid.e-bigger .e-filtermenudiv {
-  margin: -20px -6px;
+  margin: -14px -6px;
 }
 
 .e-bigger .e-grid .e-sortfilterdiv,
@@ -666,7 +666,7 @@
 
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px 26px -31px 0;
+  margin: -14px 19px -31px 0;
 }
 
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -732,7 +732,7 @@
 
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -20px 0 -4px;
+  margin: -14px -20px 0 -4px;
 }
 
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -759,7 +759,7 @@
 
 .e-bigger .e-grid.e-rtl .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl .e-filtermenudiv {
-  margin: -21px 0 -18px -10px;
+  margin: -20px 0 -18px -10px;
 }
 
 .e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv,
@@ -771,7 +771,7 @@
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
-  margin: 5px 0 0 36px;
+  margin: 4px 0 0 36px;
 }
 
 .e-bigger .e-grid .e-rowcell,
@@ -849,7 +849,7 @@
 
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 
 .e-bigger .e-grid .e-groupheadercell,
@@ -994,8 +994,8 @@
 .e-grid.e-bigger .e-unboundcell,
 .e-grid.e-bigger .e-editedrow .e-normaledit .e-unboundcell,
 .e-grid.e-bigger .e-addedrow .e-normaledit .e-unboundcell {
-  padding-bottom: 6px;
-  padding-top: 6px;
+  padding-bottom: 1.2px;
+  padding-top: 1.2px;
 }
 
 .e-bigger .e-grid .e-grouptext,
@@ -1179,20 +1179,20 @@
 }
 
 .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
-  font-size: 18px;
+  font-size: 13px;
 }
 
 .e-grid .e-row .e-icon-rowdragicon::before {
   display: block;
   text-indent: 10px;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
   color: #6c757d;
   opacity: 0.54;
 }
 
 .e-grid .e-row .e-icon-rowdragmoveicon::before {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
 }
 
@@ -1950,7 +1950,7 @@
   float: right;
   height: 16px;
   margin: -28px -4px;
-  padding: 8px 8px;
+  padding: 1px 2px;
   width: 16px;
 }
 
@@ -1980,8 +1980,8 @@
 
 .e-grid .e-filtermenudiv {
   float: right;
-  margin: -20px -10px;
-  padding: 8px;
+  margin: -11px -8px;
+  padding: 2px 2px 1px;
   text-align: right;
 }
 
@@ -2030,25 +2030,25 @@
   border-radius: 65%;
   display: inline-block;
   float: right;
-  font-size: 11px;
+  font-size: 12px;
   height: 16px;
   line-height: 16px;
-  margin: 2px 11px 0 8px;
+  margin: 1.5px 11px 0 8px;
   text-align: center;
   width: 16px;
 }
 
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 2px 11px 0 15px;
+  margin: 1.5px 11px 0 15px;
 }
 
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px 29px -29px 0;
+  margin: -11px 20px -29px 0;
 }
 
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -11px -5px -5px;
+  margin: -11px -11px -5px -5px;
 }
 
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
@@ -2072,7 +2072,7 @@
   position: absolute;
   right: 23px;
   float: right;
-  margin: -19px -18px -3px -19px;
+  margin: -19px -23px -3px -19px;
   padding: 6px;
 }
 
@@ -2471,6 +2471,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 36px;
 }
 
@@ -3163,11 +3164,11 @@
 }
 
 .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -4px 0 26px;
+  margin: -11px -2px 0 8px;
 }
 
 .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -4px 0 28px;
+  margin: -11px -25px 0 18px;
 }
 
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
@@ -3467,8 +3468,8 @@
 
 .e-grid.e-rtl .e-filtermenudiv {
   float: left;
-  margin: -20px 0 -20px -6px;
-  padding: 8px;
+  margin: -11px 0 -20px -6px;
+  padding: 2px 2px 1px;
 }
 
 .e-grid.e-wrap .e-rowcell,
@@ -3975,7 +3976,7 @@
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
   color: #6c757d;
   font-size: 18px;
-  margin-top: -12px;
+  margin-top: -10px;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn:hover .e-btn-icon,
@@ -4006,7 +4007,7 @@
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header {
   font-weight: 500;
-  padding-top: 5px;
+  padding-top: 4px;
   width: 100%;
 }
 
@@ -4346,7 +4347,7 @@
 
 .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
-  color: #6c757d;
+  color: #0d6efd;
 }
 
 .e-grid .e-groupdroparea .e-icons {
@@ -4633,18 +4634,18 @@
 }
 
 .e-grid .e-rhelper {
-  background-color: #dee2e6;
+  background-color: #adb5bd;
   cursor: col-resize;
   opacity: 1;
 }
 
 .e-grid.e-device .e-rcursor::before {
-  border-right-color: #dee2e6;
+  border-right-color: #adb5bd;
   opacity: 1;
 }
 
 .e-grid.e-device .e-rcursor::after {
-  border-left-color: #dee2e6;
+  border-left-color: #adb5bd;
   opacity: 1;
 }
 

package/styles/grid/fabric-dark.css

@@ -2395,6 +2395,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 59px;
 }
 

package/styles/grid/fabric.css

@@ -2388,6 +2388,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 59px;
 }
 

package/styles/grid/highcontrast-light.css

@@ -2405,6 +2405,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 59px;
 }
 

package/styles/grid/highcontrast.css

@@ -2405,6 +2405,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 59px;
 }
 

package/styles/grid/material-dark.css

@@ -2431,6 +2431,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 48px;
 }
 

package/styles/grid/material.css

@@ -2466,6 +2466,7 @@
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 48px;
 }