@syncfusion/ej2-react-grids 26.1.40 → 26.1.42

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 (39) hide show
  1. package/dist/ej2-react-grids.min.js +1 -1
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +7 -7
  4. package/styles/bootstrap-dark.css +6 -3
  5. package/styles/bootstrap.css +17 -14
  6. package/styles/bootstrap4.css +17 -15
  7. package/styles/bootstrap5-dark.css +17 -14
  8. package/styles/bootstrap5.css +17 -14
  9. package/styles/fabric-dark.css +6 -3
  10. package/styles/fabric.css +11 -8
  11. package/styles/fluent-dark.css +14 -11
  12. package/styles/fluent.css +14 -11
  13. package/styles/fluent2.css +20 -17
  14. package/styles/grid/bootstrap-dark.css +6 -3
  15. package/styles/grid/bootstrap.css +17 -14
  16. package/styles/grid/bootstrap4.css +17 -15
  17. package/styles/grid/bootstrap5-dark.css +17 -14
  18. package/styles/grid/bootstrap5.css +17 -14
  19. package/styles/grid/fabric-dark.css +6 -3
  20. package/styles/grid/fabric.css +11 -8
  21. package/styles/grid/fluent-dark.css +14 -11
  22. package/styles/grid/fluent.css +14 -11
  23. package/styles/grid/fluent2.css +20 -17
  24. package/styles/grid/highcontrast-light.css +8 -3
  25. package/styles/grid/highcontrast.css +19 -14
  26. package/styles/grid/material-dark.css +6 -3
  27. package/styles/grid/material.css +7 -4
  28. package/styles/grid/material3-dark.css +14 -11
  29. package/styles/grid/material3.css +14 -11
  30. package/styles/grid/tailwind-dark.css +19 -16
  31. package/styles/grid/tailwind.css +19 -16
  32. package/styles/highcontrast-light.css +8 -3
  33. package/styles/highcontrast.css +19 -14
  34. package/styles/material-dark.css +6 -3
  35. package/styles/material.css +7 -4
  36. package/styles/material3-dark.css +14 -11
  37. package/styles/material3.css +14 -11
  38. package/styles/tailwind-dark.css +19 -16
  39. package/styles/tailwind.css +19 -16
package/styles/fluent-dark.css CHANGED
@@ -947,7 +947,7 @@ li.e-separator.e-menu-item.e-excel-separator {
947
947
  }
948
948
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
949
949
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
950
- margin: 2px 1px 1px 2px;
950
+ margin: 2px 7px 1px 2px;
951
951
  }
952
952
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
953
953
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -965,7 +965,7 @@ li.e-separator.e-menu-item.e-excel-separator {
965
965
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
966
966
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
967
967
  float: left;
968
- margin: 2px 4px 0 -2px;
968
+ margin: 2px 4px 0 -5px;
969
969
  }
970
970
  .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
971
971
  .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -1125,7 +1125,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1125
1125
  font-size: 9px;
1126
1126
  height: 18px;
1127
1127
  line-height: 16px;
1128
- margin: 2px 1px 1px 2px;
1128
+ margin: 2px 7px 1px 2px;
1129
1129
  width: 18px;
1130
1130
  font-size: 14px;
1131
1131
  }
@@ -1157,7 +1157,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1157
1157
  .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
1158
1158
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
1159
1159
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
1160
- margin: 2px 0 0 8px;
1160
+ margin: 2px 0 0 11px;
1161
1161
  }
1162
1162
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
1163
1163
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
@@ -2058,7 +2058,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2058
2058
  font-weight: 600;
2059
2059
  height: 22px;
2060
2060
  line-height: 22px;
2061
- padding: 0 0.4em;
2061
+ padding: 0 1.8em 0 0.4em;
2062
2062
  margin: -5px;
2063
2063
  overflow: hidden;
2064
2064
  text-align: left;
@@ -2401,6 +2401,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2401
2401
  .e-grid .e-groupdroparea.e-hover {
2402
2402
  padding-bottom: 13px;
2403
2403
  }
2404
+ .e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
2405
+ padding: 0 5px 0 20px;
2406
+ }
2404
2407
  .e-grid .e-sortfilterdiv {
2405
2408
  float: right;
2406
2409
  height: 16px;
@@ -2430,10 +2433,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2430
2433
  }
2431
2434
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
2432
2435
  .e-grid .e-gridheader .e-stackedheadercelldiv {
2433
- padding: 0 20px 0 5px;
2436
+ padding: 0 9px 0 5px;
2434
2437
  }
2435
- .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
2436
- .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
2438
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
2439
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
2437
2440
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
2438
2441
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
2439
2442
  padding-left: 5px;
@@ -2496,7 +2499,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2496
2499
  }
2497
2500
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2498
2501
  float: left;
2499
- margin: 2px 8px 0 8px;
2502
+ margin: 2px 8px 0 0;
2500
2503
  }
2501
2504
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
2502
2505
  float: left;
@@ -3422,7 +3425,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3422
3425
  margin-left: 10px;
3423
3426
  }
3424
3427
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
3425
- margin: 2px -2px 0 0;
3428
+ margin: 2px -2px 0 2px;
3426
3429
  }
3427
3430
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
3428
3431
  margin-left: -10px;
@@ -3432,7 +3435,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3432
3435
  margin: -31px 3px;
3433
3436
  }
3434
3437
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
3435
- padding: 0 25px 0 0.7em;
3438
+ padding: 0 1.6em 0 1.2em;
3436
3439
  }
3437
3440
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
3438
3441
  float: right;
package/styles/fluent.css CHANGED
@@ -947,7 +947,7 @@ li.e-separator.e-menu-item.e-excel-separator {
947
947
  }
948
948
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
949
949
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
950
- margin: 2px 1px 1px 2px;
950
+ margin: 2px 7px 1px 2px;
951
951
  }
952
952
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
953
953
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -965,7 +965,7 @@ li.e-separator.e-menu-item.e-excel-separator {
965
965
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
966
966
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
967
967
  float: left;
968
- margin: 2px 4px 0 -2px;
968
+ margin: 2px 4px 0 -5px;
969
969
  }
970
970
  .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
971
971
  .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -1125,7 +1125,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1125
1125
  font-size: 9px;
1126
1126
  height: 18px;
1127
1127
  line-height: 16px;
1128
- margin: 2px 1px 1px 2px;
1128
+ margin: 2px 7px 1px 2px;
1129
1129
  width: 18px;
1130
1130
  font-size: 14px;
1131
1131
  }
@@ -1157,7 +1157,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1157
1157
  .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
1158
1158
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
1159
1159
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
1160
- margin: 2px 0 0 8px;
1160
+ margin: 2px 0 0 11px;
1161
1161
  }
1162
1162
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
1163
1163
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
@@ -2058,7 +2058,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2058
2058
  font-weight: 600;
2059
2059
  height: 22px;
2060
2060
  line-height: 22px;
2061
- padding: 0 0.4em;
2061
+ padding: 0 1.8em 0 0.4em;
2062
2062
  margin: -5px;
2063
2063
  overflow: hidden;
2064
2064
  text-align: left;
@@ -2401,6 +2401,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2401
2401
  .e-grid .e-groupdroparea.e-hover {
2402
2402
  padding-bottom: 13px;
2403
2403
  }
2404
+ .e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
2405
+ padding: 0 5px 0 20px;
2406
+ }
2404
2407
  .e-grid .e-sortfilterdiv {
2405
2408
  float: right;
2406
2409
  height: 16px;
@@ -2430,10 +2433,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2430
2433
  }
2431
2434
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
2432
2435
  .e-grid .e-gridheader .e-stackedheadercelldiv {
2433
- padding: 0 20px 0 5px;
2436
+ padding: 0 9px 0 5px;
2434
2437
  }
2435
- .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
2436
- .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
2438
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
2439
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
2437
2440
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
2438
2441
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
2439
2442
  padding-left: 5px;
@@ -2496,7 +2499,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2496
2499
  }
2497
2500
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2498
2501
  float: left;
2499
- margin: 2px 8px 0 8px;
2502
+ margin: 2px 8px 0 0;
2500
2503
  }
2501
2504
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
2502
2505
  float: left;
@@ -3422,7 +3425,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3422
3425
  margin-left: 10px;
3423
3426
  }
3424
3427
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
3425
- margin: 2px -2px 0 0;
3428
+ margin: 2px -2px 0 2px;
3426
3429
  }
3427
3430
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
3428
3431
  margin-left: -10px;
@@ -3432,7 +3435,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3432
3435
  margin: -31px 3px;
3433
3436
  }
3434
3437
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
3435
- padding: 0 25px 0 0.7em;
3438
+ padding: 0 1.6em 0 1.2em;
3436
3439
  }
3437
3440
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
3438
3441
  float: right;
package/styles/fluent2.css CHANGED
@@ -3412,7 +3412,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3412
3412
  }
3413
3413
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
3414
3414
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
3415
- margin: 2px 2px 0 6px;
3415
+ margin: 2px 7px 0 6px;
3416
3416
  }
3417
3417
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
3418
3418
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -3430,7 +3430,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3430
3430
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
3431
3431
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
3432
3432
  float: left;
3433
- margin: 2px 6px 0 2px;
3433
+ margin: 2px 6px 0 0;
3434
3434
  }
3435
3435
  .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
3436
3436
  .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -3596,7 +3596,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3596
3596
  }
3597
3597
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
3598
3598
  .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
3599
- margin: 2px 4px 0 4px;
3599
+ margin: 2px 4px 0 17px;
3600
3600
  }
3601
3601
  .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
3602
3602
  .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
@@ -3622,7 +3622,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3622
3622
  .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
3623
3623
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
3624
3624
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
3625
- margin: 2px 0 0 5px;
3625
+ margin: 2px 0 0 17px;
3626
3626
  }
3627
3627
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
3628
3628
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
@@ -4521,7 +4521,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4521
4521
  font-weight: 400;
4522
4522
  height: 20px;
4523
4523
  line-height: 20px;
4524
- padding: 0 0.4em;
4524
+ padding: 0 1.5em 0 0.4em;
4525
4525
  margin: -5px;
4526
4526
  overflow: hidden;
4527
4527
  text-align: left;
@@ -4872,6 +4872,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4872
4872
  overflow: hidden;
4873
4873
  vertical-align: middle;
4874
4874
  }
4875
+ .e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
4876
+ padding: 0 5px 0 20px;
4877
+ }
4875
4878
  .e-grid .e-sortfilterdiv {
4876
4879
  float: right;
4877
4880
  height: 20px;
@@ -4901,10 +4904,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4901
4904
  }
4902
4905
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
4903
4906
  .e-grid .e-gridheader .e-stackedheadercelldiv {
4904
- padding: 0 18px 0 5px;
4907
+ padding: 0 9px 0 5px;
4905
4908
  }
4906
- .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
4907
- .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
4909
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
4910
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
4908
4911
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
4909
4912
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
4910
4913
  padding-left: 5px;
@@ -4965,11 +4968,11 @@ li.e-separator.e-menu-item.e-excel-separator {
4965
4968
  width: 16px;
4966
4969
  }
4967
4970
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
4968
- margin: 2px 0 0 4px;
4971
+ margin: 2px 4px 0 4px;
4969
4972
  }
4970
4973
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
4971
4974
  float: left;
4972
- margin: 2px 4px 0 2px;
4975
+ margin: 2px 4px 0 0;
4973
4976
  }
4974
4977
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
4975
4978
  float: left;
@@ -5868,19 +5871,19 @@ li.e-separator.e-menu-item.e-excel-separator {
5868
5871
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
5869
5872
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
5870
5873
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
5871
- padding: 0 0.4em 0 4.2em;
5874
+ padding: 0 0.4em 0 1.2em;
5872
5875
  text-align: right;
5873
5876
  }
5874
5877
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
5875
5878
  .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,
5876
5879
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
5877
5880
  float: left;
5878
- margin: 2px 0 0 -15px;
5881
+ margin: 2px 0 0 19px;
5879
5882
  }
5880
5883
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
5881
5884
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
5882
5885
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
5883
- padding: 0 0.4em 0 4.2em;
5886
+ padding: 0 0.4em 0 1.2em;
5884
5887
  text-align: right;
5885
5888
  }
5886
5889
  .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -5910,7 +5913,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5910
5913
  margin: -14px -5px;
5911
5914
  }
5912
5915
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
5913
- padding: 0 25px 0 0.7em;
5916
+ padding: 0 1.6em 0 1.2em;
5914
5917
  }
5915
5918
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
5916
5919
  float: right;
@@ -5918,7 +5921,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5918
5921
  }
5919
5922
  .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 {
5920
5923
  float: left;
5921
- margin: 2px 0 0 -14px;
5924
+ margin: 2px 0 0 19px;
5922
5925
  }
5923
5926
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
5924
5927
  float: left;
@@ -5945,10 +5948,10 @@ li.e-separator.e-menu-item.e-excel-separator {
5945
5948
  margin: -21px 9px -30px -6px;
5946
5949
  }
5947
5950
  .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
5948
- margin: -13px 4px -13px 15px;
5951
+ margin: -13px 4px -13px 12px;
5949
5952
  }
5950
5953
  .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
5951
- margin: -13px 4px -13px 15px;
5954
+ margin: -13px 4px -13px 12px;
5952
5955
  }
5953
5956
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
5954
5957
  margin: -5px -5px -5px -5px;
package/styles/grid/bootstrap-dark.css CHANGED
@@ -1923,6 +1923,9 @@
1923
1923
  overflow: hidden;
1924
1924
  vertical-align: middle;
1925
1925
  }
1926
+ .e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
1927
+ padding: 0 8px 0;
1928
+ }
1926
1929
  .e-grid .e-sortfilterdiv {
1927
1930
  float: right;
1928
1931
  height: 16px;
@@ -1954,8 +1957,8 @@
1954
1957
  .e-grid .e-gridheader .e-stackedheadercelldiv {
1955
1958
  padding: 0 1.8em 0 0.4em;
1956
1959
  }
1957
- .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
1958
- .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
1960
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
1961
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
1959
1962
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
1960
1963
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
1961
1964
  padding-left: 0.4em;
@@ -2948,7 +2951,7 @@
2948
2951
  margin: -29px 3px;
2949
2952
  }
2950
2953
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
2951
- padding: 0 25px 0 0.7em;
2954
+ padding: 0 1.6em 0 1.2em;
2952
2955
  }
2953
2956
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
2954
2957
  float: right;
package/styles/grid/bootstrap.css CHANGED
@@ -502,7 +502,7 @@
502
502
  }
503
503
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
504
504
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
505
- margin: 7px 0 0 2px;
505
+ margin: 7px 6px 0 2px;
506
506
  }
507
507
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
508
508
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -520,7 +520,7 @@
520
520
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
521
521
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
522
522
  float: left;
523
- margin: 8px 0 0 12px;
523
+ margin: 8px 2px 0 3px;
524
524
  }
525
525
  .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
526
526
  .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -676,7 +676,7 @@
676
676
  font-size: 9px;
677
677
  height: 15px;
678
678
  line-height: 15px;
679
- margin: 7px 0 0 2px;
679
+ margin: 7px 6px 0 2px;
680
680
  width: 15px;
681
681
  }
682
682
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
@@ -1583,7 +1583,7 @@
1583
1583
  font-weight: Bold;
1584
1584
  height: 29px;
1585
1585
  line-height: 29px;
1586
- padding: 0 0.4em;
1586
+ padding: 0 1.2em 0 0.4em;
1587
1587
  margin: -5px;
1588
1588
  overflow: hidden;
1589
1589
  text-align: left;
@@ -1923,6 +1923,9 @@
1923
1923
  overflow: hidden;
1924
1924
  vertical-align: middle;
1925
1925
  }
1926
+ .e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
1927
+ padding: 0 8px 0;
1928
+ }
1926
1929
  .e-grid .e-sortfilterdiv {
1927
1930
  float: right;
1928
1931
  height: 16px;
@@ -1952,16 +1955,16 @@
1952
1955
  }
1953
1956
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
1954
1957
  .e-grid .e-gridheader .e-stackedheadercelldiv {
1955
- padding: 0 1.8em 0 0.4em;
1958
+ padding: 0 0.7em 0 0.4em;
1956
1959
  }
1957
- .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
1958
- .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
1960
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
1961
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
1959
1962
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
1960
1963
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
1961
1964
  padding-left: 0.4em;
1962
1965
  }
1963
1966
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
1964
- padding: 0 1.8em 0 0.4em;
1967
+ padding: 0 0.7em 0 0.4em;
1965
1968
  }
1966
1969
  .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
1967
1970
  padding: 0 0.35em 0 0.3em;
@@ -2009,19 +2012,19 @@
2009
2012
  font-size: 9px;
2010
2013
  height: 15px;
2011
2014
  line-height: 15px;
2012
- margin: 8px 8px 0 2px;
2015
+ margin: 8px 10px 0 2px;
2013
2016
  width: 15px;
2014
2017
  }
2015
2018
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
2016
- margin: 8px 8px 0 2px;
2019
+ margin: 8px 10px 0 2px;
2017
2020
  }
2018
2021
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2019
2022
  float: left;
2020
- margin: 8px 0 0 20px;
2023
+ margin: 8px 0 0 10px;
2021
2024
  }
2022
2025
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
2023
2026
  float: left;
2024
- margin: 8px 0 0 20px;
2027
+ margin: 8px 0 0 10px;
2025
2028
  }
2026
2029
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2027
2030
  margin: -29px 20px -29px 0;
@@ -2938,7 +2941,7 @@
2938
2941
  margin-left: 10px;
2939
2942
  }
2940
2943
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
2941
- margin: 8px -6px 0 0;
2944
+ margin: 8px -6px 0 2px;
2942
2945
  }
2943
2946
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
2944
2947
  margin-left: -5px;
@@ -2948,7 +2951,7 @@
2948
2951
  margin: -29px 3px;
2949
2952
  }
2950
2953
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
2951
- padding: 0 25px 0 0.7em;
2954
+ padding: 0 1.6em 0 1.2em;
2952
2955
  }
2953
2956
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
2954
2957
  float: right;
package/styles/grid/bootstrap4.css CHANGED
@@ -540,7 +540,7 @@
540
540
  }
541
541
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
542
542
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
543
- margin: 4px 5px 0 2px;
543
+ margin: 4px 8px 0 2px;
544
544
  }
545
545
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
546
546
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -558,7 +558,7 @@
558
558
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
559
559
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
560
560
  float: left;
561
- margin: 4px 0 0 10px;
561
+ margin: 4px 2px 0 4px;
562
562
  }
563
563
  .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
564
564
  .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -714,7 +714,7 @@
714
714
  font-size: 9px;
715
715
  height: 15px;
716
716
  line-height: 16px;
717
- margin: 4px 5px 0 2px;
717
+ margin: 4px 8px 0 2px;
718
718
  width: 15px;
719
719
  }
720
720
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
@@ -1630,7 +1630,7 @@
1630
1630
  font-weight: Bold;
1631
1631
  height: 21px;
1632
1632
  line-height: 21px;
1633
- padding: 0 0.4em;
1633
+ padding: 0 1.1em 0 0.4em;
1634
1634
  margin: -5px;
1635
1635
  overflow: hidden;
1636
1636
  text-align: left;
@@ -1970,6 +1970,9 @@
1970
1970
  overflow: hidden;
1971
1971
  vertical-align: middle;
1972
1972
  }
1973
+ .e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
1974
+ padding: 0 5px 0;
1975
+ }
1973
1976
  .e-grid .e-sortfilterdiv {
1974
1977
  float: right;
1975
1978
  height: 16px;
@@ -1999,16 +2002,16 @@
1999
2002
  }
2000
2003
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
2001
2004
  .e-grid .e-gridheader .e-stackedheadercelldiv {
2002
- padding: 0 20px 0 5px;
2005
+ padding: 0 10px 0 5px;
2003
2006
  }
2004
- .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
2005
- .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
2007
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
2008
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
2006
2009
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
2007
2010
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
2008
2011
  padding-left: 5px;
2009
2012
  }
2010
2013
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2011
- padding: 0 20px 0 5px;
2014
+ padding: 0 10px 0 5px;
2012
2015
  }
2013
2016
  .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2014
2017
  padding: 0 0.35em 0 0.3em;
@@ -2056,19 +2059,19 @@
2056
2059
  font-size: 9px;
2057
2060
  height: 15px;
2058
2061
  line-height: 16px;
2059
- margin: 2px -6px 0 0;
2062
+ margin: 2px 0 0 0;
2060
2063
  width: 15px;
2061
2064
  }
2062
2065
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
2063
- margin: 2px -6px 0 0;
2066
+ margin: 2px 0 0 0;
2064
2067
  }
2065
2068
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2066
2069
  float: left;
2067
- margin: 2px 8px 0 8px;
2070
+ margin: 2px 8px 0 4px;
2068
2071
  }
2069
2072
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
2070
2073
  float: left;
2071
- margin: 2px 8px 0 8px;
2074
+ margin: 2px 8px 0 4px;
2072
2075
  }
2073
2076
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2074
2077
  margin: -28px 10px -29px 0;
@@ -2986,8 +2989,7 @@
2986
2989
  margin-left: 10px;
2987
2990
  }
2988
2991
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
2989
- margin: 2px -2px 0 0;
2990
- margin: 4px -2px 0 0;
2992
+ margin: 2px -2px 0 2px;
2991
2993
  }
2992
2994
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
2993
2995
  margin-left: -5px;
@@ -2997,7 +2999,7 @@
2997
2999
  margin: -29px 3px;
2998
3000
  }
2999
3001
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
3000
- padding: 0 25px 0 0.7em;
3002
+ padding: 0 1.6em 0 1.2em;
3001
3003
  }
3002
3004
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
3003
3005
  float: right;