@syncfusion/ej2-react-grids 20.4.52 → 20.4.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/ej2-react-grids.min.js +1 -1
  3. package/dist/ej2-react-grids.umd.min.js +1 -1
  4. package/package.json +7 -7
  5. package/styles/bootstrap-dark.css +26 -14
  6. package/styles/bootstrap.css +26 -14
  7. package/styles/bootstrap4.css +26 -14
  8. package/styles/bootstrap5-dark.css +27 -15
  9. package/styles/bootstrap5.css +27 -15
  10. package/styles/fabric-dark.css +24 -12
  11. package/styles/fabric.css +24 -12
  12. package/styles/fluent-dark.css +22 -17
  13. package/styles/fluent.css +22 -17
  14. package/styles/grid/bootstrap-dark.css +26 -14
  15. package/styles/grid/bootstrap.css +26 -14
  16. package/styles/grid/bootstrap4.css +26 -14
  17. package/styles/grid/bootstrap5-dark.css +27 -15
  18. package/styles/grid/bootstrap5.css +27 -15
  19. package/styles/grid/fabric-dark.css +24 -12
  20. package/styles/grid/fabric.css +24 -12
  21. package/styles/grid/fluent-dark.css +22 -17
  22. package/styles/grid/fluent.css +22 -17
  23. package/styles/grid/highcontrast-light.css +23 -11
  24. package/styles/grid/highcontrast.css +22 -10
  25. package/styles/grid/material-dark.css +28 -16
  26. package/styles/grid/material.css +28 -16
  27. package/styles/grid/tailwind-dark.css +27 -15
  28. package/styles/grid/tailwind.css +27 -15
  29. package/styles/highcontrast-light.css +23 -11
  30. package/styles/highcontrast.css +22 -10
  31. package/styles/material-dark.css +28 -16
  32. package/styles/material.css +28 -16
  33. package/styles/tailwind-dark.css +27 -15
  34. package/styles/tailwind.css +27 -15
package/styles/highcontrast-light.css CHANGED
@@ -947,6 +947,10 @@ li.e-separator.e-menu-item.e-excel-separator {
947
947
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
948
948
  margin: -23px 20px 0 0;
949
949
  }
950
+ .e-bigger .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
951
+ .e-grid.e-bigger.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
952
+ padding: 0 0 0 0.2em;
953
+ }
950
954
  .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
951
955
  .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
952
956
  .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -2102,6 +2106,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2102
2106
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2103
2107
  padding: 0 10px 0 0;
2104
2108
  }
2109
+ .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2110
+ padding: 0 0 0 0;
2111
+ }
2105
2112
  .e-grid .e-filtermenudiv {
2106
2113
  float: right;
2107
2114
  margin: -24px -7px;
@@ -2168,7 +2175,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2168
2175
  margin: -21px 0 0 8px;
2169
2176
  }
2170
2177
  .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
2171
- margin: 3px 2px 0 5px;
2178
+ margin: 1px 2px 0 5px;
2172
2179
  }
2173
2180
  .e-grid.e-wrap .e-gridheader .e-sortnumber {
2174
2181
  margin: 3px 5px 0 2px;
@@ -2188,7 +2195,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2188
2195
  padding: 6px;
2189
2196
  }
2190
2197
  .e-grid.e-wrap .e-columnmenu {
2191
- margin: -20px -24px -24px -24px;
2198
+ line-height: 18px;
2192
2199
  }
2193
2200
  .e-grid.e-rtl .e-columnmenu {
2194
2201
  left: 5px;
@@ -2196,7 +2203,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2196
2203
  margin: -26px -18px -18px -6px;
2197
2204
  }
2198
2205
  .e-grid.e-wrap.e-rtl .e-columnmenu {
2199
- margin: -13px -13px -23px -3px;
2206
+ line-height: 18px;
2200
2207
  }
2201
2208
  .e-grid [class^=e-] {
2202
2209
  box-sizing: border-box;
@@ -3092,6 +3099,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3092
3099
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
3093
3100
  margin: -7px;
3094
3101
  }
3102
+ .e-grid.e-rtl.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
3103
+ height: auto;
3104
+ margin-bottom: 2px;
3105
+ margin-top: 0;
3106
+ }
3095
3107
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3096
3108
  margin: -7px;
3097
3109
  }
@@ -3293,7 +3305,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3293
3305
  margin: -18px -7px;
3294
3306
  padding: 6px;
3295
3307
  }
3296
- .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv {
3308
+ .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
3297
3309
  height: Auto;
3298
3310
  line-height: 18px;
3299
3311
  overflow-wrap: break-word;
@@ -3304,17 +3316,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3304
3316
  .e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
3305
3317
  max-height: 36px;
3306
3318
  }
3307
- .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv {
3319
+ .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
3308
3320
  margin-bottom: 2px;
3309
3321
  margin-top: 0;
3310
3322
  }
3311
- .e-grid.e-wrap .e-columnheader .e-filtermenudiv {
3323
+ .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
3312
3324
  line-height: 18px;
3313
3325
  }
3314
- .e-grid .e-columnheader.e-wrap .e-filtermenudiv {
3326
+ .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
3315
3327
  line-height: 18px;
3316
3328
  }
3317
- .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
3329
+ .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
3318
3330
  height: Auto;
3319
3331
  line-height: 18px;
3320
3332
  overflow-wrap: break-word;
@@ -3333,10 +3345,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3333
3345
  margin: -17px 10px 0 0;
3334
3346
  }
3335
3347
  .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
3336
- margin: -16px 30px;
3348
+ margin: -17px 18px;
3337
3349
  }
3338
3350
  .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
3339
- margin: -15px 8px;
3351
+ margin: -20px 8px;
3340
3352
  }
3341
3353
  .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
3342
3354
  display: inline-block;
@@ -4266,7 +4278,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4266
4278
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
4267
4279
  border-right-color: #400074;
4268
4280
  }
4269
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):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-disable-gridhover):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-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4281
+ .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):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-disable-gridhover):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-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4270
4282
  background-color: #ecf;
4271
4283
  color: #000;
4272
4284
  }
package/styles/highcontrast.css CHANGED
@@ -947,6 +947,10 @@ li.e-separator.e-menu-item.e-excel-separator {
947
947
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
948
948
  margin: -23px 20px 0 0;
949
949
  }
950
+ .e-bigger .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
951
+ .e-grid.e-bigger.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
952
+ padding: 0 0 0 0.2em;
953
+ }
950
954
  .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
951
955
  .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
952
956
  .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -2102,6 +2106,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2102
2106
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2103
2107
  padding: 0 10px 0 0;
2104
2108
  }
2109
+ .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2110
+ padding: 0 0 0 0;
2111
+ }
2105
2112
  .e-grid .e-filtermenudiv {
2106
2113
  float: right;
2107
2114
  margin: -24px -7px;
@@ -2188,7 +2195,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2188
2195
  padding: 6px;
2189
2196
  }
2190
2197
  .e-grid.e-wrap .e-columnmenu {
2191
- margin: -20px -24px -24px -24px;
2198
+ line-height: 18px;
2192
2199
  }
2193
2200
  .e-grid.e-rtl .e-columnmenu {
2194
2201
  left: 5px;
@@ -2196,7 +2203,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2196
2203
  margin: -26px -18px -18px -6px;
2197
2204
  }
2198
2205
  .e-grid.e-wrap.e-rtl .e-columnmenu {
2199
- margin: -13px -13px -23px -3px;
2206
+ line-height: 18px;
2200
2207
  }
2201
2208
  .e-grid [class^=e-] {
2202
2209
  box-sizing: border-box;
@@ -3092,6 +3099,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3092
3099
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
3093
3100
  margin: -7px;
3094
3101
  }
3102
+ .e-grid.e-rtl.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
3103
+ height: auto;
3104
+ margin-bottom: 2px;
3105
+ margin-top: 0;
3106
+ }
3095
3107
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3096
3108
  margin: -7px;
3097
3109
  }
@@ -3293,7 +3305,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3293
3305
  margin: -18px -7px;
3294
3306
  padding: 6px;
3295
3307
  }
3296
- .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv {
3308
+ .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
3297
3309
  height: Auto;
3298
3310
  line-height: 18px;
3299
3311
  overflow-wrap: break-word;
@@ -3304,17 +3316,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3304
3316
  .e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
3305
3317
  max-height: 36px;
3306
3318
  }
3307
- .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv {
3319
+ .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
3308
3320
  margin-bottom: 2px;
3309
3321
  margin-top: 0;
3310
3322
  }
3311
- .e-grid.e-wrap .e-columnheader .e-filtermenudiv {
3323
+ .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
3312
3324
  line-height: 18px;
3313
3325
  }
3314
- .e-grid .e-columnheader.e-wrap .e-filtermenudiv {
3326
+ .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
3315
3327
  line-height: 18px;
3316
3328
  }
3317
- .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
3329
+ .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
3318
3330
  height: Auto;
3319
3331
  line-height: 18px;
3320
3332
  overflow-wrap: break-word;
@@ -3333,10 +3345,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3333
3345
  margin: -17px 10px 0 0;
3334
3346
  }
3335
3347
  .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
3336
- margin: -16px 30px;
3348
+ margin: -17px 18px;
3337
3349
  }
3338
3350
  .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
3339
- margin: -15px 8px;
3351
+ margin: -17px 8px;
3340
3352
  }
3341
3353
  .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
3342
3354
  display: inline-block;
@@ -4266,7 +4278,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4266
4278
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
4267
4279
  border-right-color: #ffd939;
4268
4280
  }
4269
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):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-disable-gridhover):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-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4281
+ .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):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-disable-gridhover):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-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4270
4282
  background-color: #685708;
4271
4283
  color: #fff;
4272
4284
  }
package/styles/material-dark.css CHANGED
@@ -997,6 +997,10 @@ li.e-separator.e-menu-item.e-excel-separator {
997
997
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
998
998
  margin: -15px 18px;
999
999
  }
1000
+ .e-bigger .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
1001
+ .e-grid.e-bigger.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
1002
+ padding: 0 0.6em 0 1.15em;
1003
+ }
1000
1004
  .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
1001
1005
  .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
1002
1006
  .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -1068,11 +1072,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1068
1072
  }
1069
1073
  .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
1070
1074
  .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1071
- margin: -15px 30px 0 0;
1075
+ margin: -20px 30px 0 14px;
1072
1076
  }
1073
1077
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1074
1078
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1075
- margin: -16px 10px;
1079
+ margin: -20px 14px;
1076
1080
  }
1077
1081
  .e-bigger .e-grid.e-rtl .e-filtermenudiv,
1078
1082
  .e-grid.e-bigger.e-rtl .e-filtermenudiv {
@@ -2152,6 +2156,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2152
2156
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2153
2157
  padding: 0 1.8em 0 0.6em;
2154
2158
  }
2159
+ .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2160
+ padding: 0 0.6em 0 0.55em;
2161
+ }
2155
2162
  .e-grid .e-filtermenudiv {
2156
2163
  float: right;
2157
2164
  margin: -18px -7px;
@@ -2218,10 +2225,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2218
2225
  margin: -16px 5px;
2219
2226
  }
2220
2227
  .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
2221
- margin: 3px 2px 0 5px;
2228
+ margin: 1px 2px 0 15px;
2222
2229
  }
2223
2230
  .e-grid.e-wrap .e-gridheader .e-sortnumber {
2224
- margin: 3px 5px 0 2px;
2231
+ margin: 2px -5px 0 2px;
2225
2232
  }
2226
2233
  .e-grid.e-wrap .e-gridheader .e-sortfilterdiv {
2227
2234
  margin: -9px 10px;
@@ -2238,7 +2245,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2238
2245
  padding: 6px;
2239
2246
  }
2240
2247
  .e-grid.e-wrap .e-columnmenu {
2241
- margin: -14px -18px -18px -18px;
2248
+ line-height: 3px;
2242
2249
  }
2243
2250
  .e-grid.e-rtl .e-columnmenu {
2244
2251
  left: 5px;
@@ -2246,7 +2253,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2246
2253
  margin: -19px -18px -18px 1px;
2247
2254
  }
2248
2255
  .e-grid.e-wrap.e-rtl .e-columnmenu {
2249
- margin: -13px -13px -23px -3px;
2256
+ line-height: 3px;
2250
2257
  }
2251
2258
  .e-grid [class^=e-] {
2252
2259
  box-sizing: border-box;
@@ -3142,6 +3149,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3142
3149
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
3143
3150
  margin: -7px;
3144
3151
  }
3152
+ .e-grid.e-rtl.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
3153
+ height: auto;
3154
+ margin-bottom: 2px;
3155
+ margin-top: 0;
3156
+ }
3145
3157
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3146
3158
  margin: -7px;
3147
3159
  }
@@ -3343,7 +3355,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3343
3355
  margin: -18px 0 -18px -11px;
3344
3356
  padding: 6px;
3345
3357
  }
3346
- .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv {
3358
+ .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
3347
3359
  height: Auto;
3348
3360
  line-height: 18px;
3349
3361
  overflow-wrap: break-word;
@@ -3354,17 +3366,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3354
3366
  .e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
3355
3367
  max-height: 36px;
3356
3368
  }
3357
- .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv {
3369
+ .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
3358
3370
  margin-bottom: 2px;
3359
3371
  margin-top: 0;
3360
3372
  }
3361
- .e-grid.e-wrap .e-columnheader .e-filtermenudiv {
3362
- line-height: 18px;
3373
+ .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
3374
+ line-height: 3px;
3363
3375
  }
3364
- .e-grid .e-columnheader.e-wrap .e-filtermenudiv {
3365
- line-height: 18px;
3376
+ .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
3377
+ line-height: 3px;
3366
3378
  }
3367
- .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
3379
+ .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
3368
3380
  height: Auto;
3369
3381
  line-height: 18px;
3370
3382
  overflow-wrap: break-word;
@@ -3383,10 +3395,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3383
3395
  margin: -18px 5px;
3384
3396
  }
3385
3397
  .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
3386
- margin: -11px 24px;
3398
+ margin: -20px 18px;
3387
3399
  }
3388
3400
  .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
3389
- margin: -10px 5px;
3401
+ margin: -20px 14px;
3390
3402
  }
3391
3403
  .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
3392
3404
  display: inline-block;
@@ -4316,7 +4328,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4316
4328
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
4317
4329
  border-right-color: rgba(255, 255, 255, 0.8);
4318
4330
  }
4319
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):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-disable-gridhover):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-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4331
+ .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):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-disable-gridhover):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-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4320
4332
  background-color: rgba(255, 255, 255, 0.18);
4321
4333
  color: #fff;
4322
4334
  }
package/styles/material.css CHANGED
@@ -1039,6 +1039,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1039
1039
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1040
1040
  margin: -15px 18px;
1041
1041
  }
1042
+ .e-bigger .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
1043
+ .e-grid.e-bigger.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
1044
+ padding: 0 0.6em 0 1.15em;
1045
+ }
1042
1046
  .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
1043
1047
  .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
1044
1048
  .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -1110,11 +1114,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1110
1114
  }
1111
1115
  .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
1112
1116
  .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1113
- margin: -15px 30px 0 0;
1117
+ margin: -20px 30px 0 14px;
1114
1118
  }
1115
1119
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1116
1120
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1117
- margin: -16px 0;
1121
+ margin: -20px 14px;
1118
1122
  }
1119
1123
  .e-bigger .e-grid.e-rtl .e-filtermenudiv,
1120
1124
  .e-grid.e-bigger.e-rtl .e-filtermenudiv {
@@ -2194,6 +2198,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2194
2198
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2195
2199
  padding: 0 1.8em 0 0.6em;
2196
2200
  }
2201
+ .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2202
+ padding: 0 0.6em 0 0.55em;
2203
+ }
2197
2204
  .e-grid .e-filtermenudiv {
2198
2205
  float: right;
2199
2206
  margin: -18px -7px;
@@ -2260,10 +2267,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2260
2267
  margin: -16px 5px;
2261
2268
  }
2262
2269
  .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
2263
- margin: 3px 2px 0 5px;
2270
+ margin: 1px 2px 0 15px;
2264
2271
  }
2265
2272
  .e-grid.e-wrap .e-gridheader .e-sortnumber {
2266
- margin: 3px 5px 0 2px;
2273
+ margin: 2px -5px 0 2px;
2267
2274
  }
2268
2275
  .e-grid.e-wrap .e-gridheader .e-sortfilterdiv {
2269
2276
  margin: -9px 10px;
@@ -2280,7 +2287,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2280
2287
  padding: 6px;
2281
2288
  }
2282
2289
  .e-grid.e-wrap .e-columnmenu {
2283
- margin: -13px -13px -23px -23px;
2290
+ line-height: 3px;
2284
2291
  }
2285
2292
  .e-grid.e-rtl .e-columnmenu {
2286
2293
  left: 5px;
@@ -2288,7 +2295,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2288
2295
  margin: -19px -18px -18px 3px;
2289
2296
  }
2290
2297
  .e-grid.e-wrap.e-rtl .e-columnmenu {
2291
- margin: -13px -13px -23px -3px;
2298
+ line-height: 3px;
2292
2299
  }
2293
2300
  .e-grid [class^=e-] {
2294
2301
  box-sizing: border-box;
@@ -3184,6 +3191,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3184
3191
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
3185
3192
  margin: -7px;
3186
3193
  }
3194
+ .e-grid.e-rtl.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
3195
+ height: auto;
3196
+ margin-bottom: 2px;
3197
+ margin-top: 0;
3198
+ }
3187
3199
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3188
3200
  margin: -7px;
3189
3201
  }
@@ -3385,7 +3397,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3385
3397
  margin: -18px 0 -18px -11px;
3386
3398
  padding: 6px;
3387
3399
  }
3388
- .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv {
3400
+ .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
3389
3401
  height: Auto;
3390
3402
  line-height: 18px;
3391
3403
  overflow-wrap: break-word;
@@ -3396,17 +3408,17 @@ li.e-separator.e-menu-item.e-excel-separator {
3396
3408
  .e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
3397
3409
  max-height: 36px;
3398
3410
  }
3399
- .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv {
3411
+ .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
3400
3412
  margin-bottom: 2px;
3401
3413
  margin-top: 0;
3402
3414
  }
3403
- .e-grid.e-wrap .e-columnheader .e-filtermenudiv {
3404
- line-height: 18px;
3415
+ .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
3416
+ line-height: 3px;
3405
3417
  }
3406
- .e-grid .e-columnheader.e-wrap .e-filtermenudiv {
3407
- line-height: 18px;
3418
+ .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
3419
+ line-height: 3px;
3408
3420
  }
3409
- .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
3421
+ .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
3410
3422
  height: Auto;
3411
3423
  line-height: 18px;
3412
3424
  overflow-wrap: break-word;
@@ -3425,10 +3437,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3425
3437
  margin: -18px 5px;
3426
3438
  }
3427
3439
  .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
3428
- margin: -11px 24px;
3440
+ margin: -20px 18px;
3429
3441
  }
3430
3442
  .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
3431
- margin: -10px 5px;
3443
+ margin: -20px 14px;
3432
3444
  }
3433
3445
  .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
3434
3446
  display: inline-block;
@@ -4358,7 +4370,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4358
4370
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
4359
4371
  border-right-color: #e3165b;
4360
4372
  }
4361
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):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-disable-gridhover):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-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4373
+ .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):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-disable-gridhover):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-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4362
4374
  background-color: #eee;
4363
4375
  color: #000;
4364
4376
  }
package/styles/tailwind-dark.css CHANGED
@@ -981,6 +981,10 @@ li.e-separator.e-menu-item.e-excel-separator {
981
981
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
982
982
  margin: -15px 23px -15px 6px;
983
983
  }
984
+ .e-bigger .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
985
+ .e-grid.e-bigger.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
986
+ padding: 0 0.45em 0 0.4em;
987
+ }
984
988
  .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
985
989
  .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
986
990
  .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -2206,6 +2210,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2206
2210
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2207
2211
  padding: 0 20px 0 5px;
2208
2212
  }
2213
+ .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2214
+ padding: 0 0.5em 0 0.45em;
2215
+ }
2209
2216
  .e-grid .e-filtermenudiv {
2210
2217
  float: right;
2211
2218
  margin: -13px -3px -13px 4px;
@@ -2272,10 +2279,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2272
2279
  margin: -13px 4px -13px -5px;
2273
2280
  }
2274
2281
  .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
2275
- margin: 3px 2px 0 10px;
2282
+ margin: 5px 2px 0 15px;
2276
2283
  }
2277
2284
  .e-grid.e-wrap .e-gridheader .e-sortnumber {
2278
- margin: 3px 5px 0 2px;
2285
+ margin: 6px 5px 0 2px;
2279
2286
  }
2280
2287
  .e-grid.e-wrap .e-gridheader .e-sortfilterdiv {
2281
2288
  margin: -9px 10px;
@@ -2292,7 +2299,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2292
2299
  padding: 3px;
2293
2300
  }
2294
2301
  .e-grid.e-wrap .e-columnmenu {
2295
- margin: -19px -20px -20px -20px;
2302
+ line-height: 1px;
2296
2303
  }
2297
2304
  .e-grid.e-rtl .e-columnmenu {
2298
2305
  left: 23px;
@@ -2301,7 +2308,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2301
2308
  margin: -13px 4px -13px -18px;
2302
2309
  }
2303
2310
  .e-grid.e-wrap.e-rtl .e-columnmenu {
2304
- margin: -17px -13px -23px -25px;
2311
+ line-height: 1px;
2305
2312
  }
2306
2313
  .e-grid [class^=e-] {
2307
2314
  box-sizing: border-box;
@@ -3210,6 +3217,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3210
3217
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
3211
3218
  margin: -5px -5px -5px -5px;
3212
3219
  }
3220
+ .e-grid.e-rtl.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
3221
+ height: auto;
3222
+ margin-bottom: 2px;
3223
+ margin-top: 0;
3224
+ }
3213
3225
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3214
3226
  margin: -5px -5px -5px -5px;
3215
3227
  }
@@ -3411,7 +3423,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3411
3423
  margin: -13px 4px -13px -3px;
3412
3424
  padding: 3px;
3413
3425
  }
3414
- .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv {
3426
+ .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
3415
3427
  height: Auto;
3416
3428
  line-height: 21px;
3417
3429
  overflow-wrap: break-word;
@@ -3422,19 +3434,19 @@ li.e-separator.e-menu-item.e-excel-separator {
3422
3434
  .e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
3423
3435
  max-height: 36px;
3424
3436
  }
3425
- .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv {
3437
+ .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
3426
3438
  margin-bottom: 2px;
3427
3439
  margin-top: 0;
3428
3440
  }
3429
- .e-grid.e-wrap .e-columnheader .e-filtermenudiv {
3430
- line-height: 18px;
3441
+ .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
3442
+ line-height: 1px;
3431
3443
  }
3432
- .e-grid .e-columnheader.e-wrap .e-filtermenudiv {
3433
- line-height: 18px;
3444
+ .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
3445
+ line-height: 1px;
3434
3446
  }
3435
- .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
3447
+ .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
3436
3448
  height: Auto;
3437
- line-height: 18px;
3449
+ line-height: 21px;
3438
3450
  overflow-wrap: break-word;
3439
3451
  text-overflow: clip;
3440
3452
  white-space: normal;
@@ -3451,10 +3463,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3451
3463
  margin: -21px -5px;
3452
3464
  }
3453
3465
  .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
3454
- margin: -14px 20px -29px 0;
3466
+ margin: -20px 20px -29px 14px;
3455
3467
  }
3456
3468
  .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
3457
- margin: -14px 0;
3469
+ margin: -20px 14px;
3458
3470
  }
3459
3471
  .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
3460
3472
  display: inline-block;
@@ -4397,7 +4409,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4397
4409
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
4398
4410
  border-right-color: #4b5563;
4399
4411
  }
4400
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):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-disable-gridhover):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-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4412
+ .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):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-disable-gridhover):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-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4401
4413
  background-color: #4b5563;
4402
4414
  color: #fff;
4403
4415
  }