@syncfusion/ej2-vue-grids 20.1.47 → 20.1.48

package/styles/grid/fabric-dark.css

@@ -635,12 +635,6 @@
   margin: -23px -4px;
 }
 
-.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: 9px 0 0 15px;
-}
-
 .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -660,11 +654,6 @@
   width: 15px;
 }
 
-.e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
-.e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 9px 5px 0 2px;
-}
-
 .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: -23px 11px 0 0;
@@ -709,18 +698,6 @@
   margin: 9px 0 0 3px;
 }
 
-.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: 9px 0 0 3px;
-}
-
-.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 {
-  margin: 9px 0 0 3px;
-}
-
 .e-bigger .e-grid .e-rowcell,
 .e-bigger .e-grid .e-summarycell,
 .e-bigger .e-grid .e-emptyrow td,
@@ -996,7 +973,6 @@
   margin-right: 8px;
   margin-top: 0;
   padding-top: 0;
-  padding-left: 0;
 }
 
 .e-bigger .e-grid .e-groupcaption,
@@ -1099,10 +1075,6 @@
   z-index: 5;
 }
 
-.e-grid.e-rtl .e-dropitemscount {
-  left: -6px !important;
-}
-
 .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
 .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
   border-top: 1px solid #414040;
@@ -1253,10 +1225,6 @@
   padding-left: 0;
 }
 
-.e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
-  padding-left: 26px;
-}
-
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
   padding-bottom: 4px;
   padding-top: 4px;
@@ -1264,7 +1232,7 @@
 
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
   margin-bottom: 0;
-  opacity: 0.6;
+  opacity: .6;
   width: 230px;
 }
 
@@ -1367,6 +1335,10 @@
   padding: 8px 8px 5px;
 }
 
+.e-grid .e-groupdroparea.e-grouped {
+  padding: 8px 8px 5px;
+}
+
 .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
 .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
   border-top: 0;
@@ -1434,7 +1406,7 @@
 
 .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
 .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
-  border-right: 0;
+  right: 0;
 }
 
 .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -1925,10 +1897,7 @@
 }
 
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
-.e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 5px;
-}
-
+.e-grid .e-gridheader .e-stackedheadercelldiv,
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 20px 0 5px;
 }
@@ -1993,15 +1962,6 @@
   width: 15px;
 }
 
-.e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 9px 5px 0 2px;
-}
-
-.e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
-  float: left;
-  margin: 9px 0 0 15px;
-}
-
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
   margin: 9px 0 0 15px;
@@ -2227,8 +2187,6 @@
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
   height: 20px;
   line-height: 21px;
-  position: relative;
-  top: 0;
 }
 
 .e-grid .e-dialog.e-checkboxfilter,
@@ -2427,14 +2385,6 @@
   z-index: 10;
 }
 
-.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0;
-}
-
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: 0;
-}
-
 .e-grid td.e-active {
   font-weight: normal;
 }
@@ -2581,7 +2531,6 @@
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-top: 0;
-  padding-right: 0;
 }
 
 .e-grid .e-grptogglebtn {
@@ -3047,22 +2996,6 @@
   text-align: right;
 }
 
-.e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
-.e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
-.e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
-.e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
-  padding: 1px 0;
-  text-align: right;
-}
-
-.e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
-.e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
-.e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
-.e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
-  float: left;
-  margin: 7px 0 0 3px;
-}
-
 .e-grid.e-rtl .e-headercell .e-headercelldiv,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -3122,12 +3055,6 @@
   margin: 0 2px 0 0;
 }
 
-.e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
-.e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
-  float: left;
-  margin: 7px 0 0 30px;
-}
-
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;
@@ -3589,10 +3516,6 @@
   border-right: 0;
 }
 
-.e-grid.sf-grid .e-table {
-  border-spacing: .25px;
-}
-
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3669,7 +3592,7 @@
 }
 
 .e-grid-min-height .e-rowcell {
-  line-height: 0;
+  line-height: normal;
   padding-bottom: 0;
   padding-top: 0;
 }
@@ -3748,7 +3671,7 @@
 .e-bigger .e-grid.e-grid-min-height .e-rowcell,
 .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
 .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
-  line-height: 0;
+  line-height: normal;
   padding-bottom: 0;
   padding-top: 0;
 }
@@ -4125,7 +4048,6 @@
 .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
   float: right;
-  margin-top: -9px;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -4540,11 +4462,11 @@
   border-right-color: #fff;
 }
 
-.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
-.e-grid.e-gridhover tr[role='row']:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
+.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
+.e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
-.e-grid.e-gridhover tr[role='row']:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #414040;
   color: #fff;
 }

package/styles/grid/fabric.css

@@ -628,12 +628,6 @@
   margin: -23px -4px;
 }
 
-.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: 9px 0 0;
-}
-
 .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -653,11 +647,6 @@
   width: 15px;
 }
 
-.e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
-.e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 9px 2px 0;
-}
-
 .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: -23px 11px 0 0;
@@ -702,18 +691,6 @@
   margin: 9px 0 0 3px;
 }
 
-.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: 9px 0 0 3px;
-}
-
-.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 {
-  margin: 9px 0 0 3px;
-}
-
 .e-bigger .e-grid .e-rowcell,
 .e-bigger .e-grid .e-summarycell,
 .e-bigger .e-grid .e-emptyrow td,
@@ -989,7 +966,6 @@
   margin-right: 8px;
   margin-top: 0;
   padding-top: 0;
-  padding-left: 0;
 }
 
 .e-bigger .e-grid .e-groupcaption,
@@ -1092,10 +1068,6 @@
   z-index: 5;
 }
 
-.e-grid.e-rtl .e-dropitemscount {
-  left: -6px !important;
-}
-
 .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
 .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
   border-top: 1px solid #eaeaea;
@@ -1246,10 +1218,6 @@
   padding-left: 0;
 }
 
-.e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
-  padding-left: 26px;
-}
-
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
   padding-bottom: 4px;
   padding-top: 4px;
@@ -1257,7 +1225,7 @@
 
 .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
   margin-bottom: 0;
-  opacity: 0.6;
+  opacity: .6;
   width: 230px;
 }
 
@@ -1360,6 +1328,10 @@
   padding: 8px 8px 5px;
 }
 
+.e-grid .e-groupdroparea.e-grouped {
+  padding: 8px 8px 5px;
+}
+
 .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
 .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
   border-top: 0;
@@ -1427,7 +1399,7 @@
 
 .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
 .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
-  border-right: 0;
+  right: 0;
 }
 
 .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -1918,10 +1890,7 @@
 }
 
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
-.e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 25px 0 0;
-}
-
+.e-grid .e-gridheader .e-stackedheadercelldiv,
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 25px 0 0;
 }
@@ -1986,15 +1955,6 @@
   width: 15px;
 }
 
-.e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 9px 2px 0;
-}
-
-.e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
-  float: left;
-  margin: 9px 0 0;
-}
-
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
   margin: 9px 0 0;
@@ -2220,8 +2180,6 @@
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
   height: 20px;
   line-height: 21px;
-  position: relative;
-  top: 0;
 }
 
 .e-grid .e-dialog.e-checkboxfilter,
@@ -2420,14 +2378,6 @@
   z-index: 10;
 }
 
-.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0;
-}
-
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: 0;
-}
-
 .e-grid td.e-active {
   font-weight: normal;
 }
@@ -2574,7 +2524,6 @@
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-top: 0;
-  padding-right: 0;
 }
 
 .e-grid .e-grptogglebtn {
@@ -3040,22 +2989,6 @@
   text-align: right;
 }
 
-.e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
-.e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
-.e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
-.e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0 0 25px;
-  text-align: right;
-}
-
-.e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
-.e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
-.e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
-.e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
-  float: left;
-  margin: 7px 0 0 3px;
-}
-
 .e-grid.e-rtl .e-headercell .e-headercelldiv,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -3115,12 +3048,6 @@
   margin: 0 2px 0 0;
 }
 
-.e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
-.e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
-  float: left;
-  margin: 7px 0 0 30px;
-}
-
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;
@@ -3582,10 +3509,6 @@
   border-right: 0;
 }
 
-.e-grid.sf-grid .e-table {
-  border-spacing: .25px;
-}
-
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3662,7 +3585,7 @@
 }
 
 .e-grid-min-height .e-rowcell {
-  line-height: 0;
+  line-height: normal;
   padding-bottom: 0;
   padding-top: 0;
 }
@@ -3741,7 +3664,7 @@
 .e-bigger .e-grid.e-grid-min-height .e-rowcell,
 .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
 .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
-  line-height: 0;
+  line-height: normal;
   padding-bottom: 0;
   padding-top: 0;
 }
@@ -4118,7 +4041,6 @@
 .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
   float: right;
-  margin-top: -9px;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -4533,11 +4455,11 @@
   border-right-color: #0078d6;
 }
 
-.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
-.e-grid.e-gridhover tr[role='row']:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
+.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
+.e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
-.e-grid.e-gridhover tr[role='row']:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #f4f4f4;
   color: #333;
 }