@syncfusion/ej2-react-grids 22.2.10 → 22.2.12

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 (55) hide show
  1. package/CHANGELOG.md +33 -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 +11 -1
  6. package/styles/bootstrap.css +11 -1
  7. package/styles/bootstrap4.css +11 -1
  8. package/styles/bootstrap5-dark.css +11 -1
  9. package/styles/bootstrap5.css +11 -1
  10. package/styles/excel-filter/bootstrap-dark.css +3 -0
  11. package/styles/excel-filter/bootstrap.css +3 -0
  12. package/styles/excel-filter/bootstrap4.css +3 -0
  13. package/styles/excel-filter/bootstrap5-dark.css +3 -0
  14. package/styles/excel-filter/bootstrap5.css +3 -0
  15. package/styles/excel-filter/fabric-dark.css +3 -0
  16. package/styles/excel-filter/fabric.css +3 -0
  17. package/styles/excel-filter/fluent-dark.css +3 -0
  18. package/styles/excel-filter/fluent.css +3 -0
  19. package/styles/excel-filter/highcontrast-light.css +3 -0
  20. package/styles/excel-filter/highcontrast.css +3 -0
  21. package/styles/excel-filter/material-dark.css +4 -1
  22. package/styles/excel-filter/material.css +4 -1
  23. package/styles/excel-filter/material3-dark.css +3 -0
  24. package/styles/excel-filter/material3.css +3 -0
  25. package/styles/excel-filter/tailwind-dark.css +3 -0
  26. package/styles/excel-filter/tailwind.css +3 -0
  27. package/styles/fabric-dark.css +11 -1
  28. package/styles/fabric.css +11 -1
  29. package/styles/fluent-dark.css +11 -1
  30. package/styles/fluent.css +11 -1
  31. package/styles/grid/bootstrap-dark.css +8 -1
  32. package/styles/grid/bootstrap.css +8 -1
  33. package/styles/grid/bootstrap4.css +8 -1
  34. package/styles/grid/bootstrap5-dark.css +8 -1
  35. package/styles/grid/bootstrap5.css +8 -1
  36. package/styles/grid/fabric-dark.css +8 -1
  37. package/styles/grid/fabric.css +8 -1
  38. package/styles/grid/fluent-dark.css +8 -1
  39. package/styles/grid/fluent.css +8 -1
  40. package/styles/grid/highcontrast-light.css +8 -1
  41. package/styles/grid/highcontrast.css +8 -1
  42. package/styles/grid/material-dark.css +9 -2
  43. package/styles/grid/material.css +9 -2
  44. package/styles/grid/material3-dark.css +8 -1
  45. package/styles/grid/material3.css +8 -1
  46. package/styles/grid/tailwind-dark.css +8 -1
  47. package/styles/grid/tailwind.css +8 -1
  48. package/styles/highcontrast-light.css +11 -1
  49. package/styles/highcontrast.css +11 -1
  50. package/styles/material-dark.css +12 -2
  51. package/styles/material.css +12 -2
  52. package/styles/material3-dark.css +11 -1
  53. package/styles/material3.css +11 -1
  54. package/styles/tailwind-dark.css +11 -1
  55. package/styles/tailwind.css +11 -1
@@ -904,6 +904,10 @@
904
904
  margin: 3px 8px 0 0;
905
905
  padding: 9px 0 4px 0;
906
906
  }
907
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
908
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
909
+ padding: 9px 0 4px 0;
910
+ }
907
911
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
908
912
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
909
913
  margin-left: 0;
@@ -3808,7 +3812,7 @@
3808
3812
  .e-grid .e-table {
3809
3813
  background-color: #1a1a1a;
3810
3814
  }
3811
- .e-grid .e-focused:not(.e-menu-item) {
3815
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3812
3816
  box-shadow: 0 0 0 1px #248aff inset;
3813
3817
  }
3814
3818
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4172,6 +4176,9 @@
4172
4176
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4173
4177
  color: #f0f0f0;
4174
4178
  }
4179
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4180
+ box-shadow: none;
4181
+ }
4175
4182
  .e-grid .e-cloneproperties.e-draganddrop table,
4176
4183
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4177
4184
  background-color: #313131;
@@ -905,6 +905,10 @@
905
905
  margin: 3px 8px 0 0;
906
906
  padding: 9px 0 4px 0;
907
907
  }
908
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
909
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
910
+ padding: 9px 0 4px 0;
911
+ }
908
912
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
909
913
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
910
914
  margin-left: 0;
@@ -3809,7 +3813,7 @@
3809
3813
  .e-grid .e-table {
3810
3814
  background-color: #fff;
3811
3815
  }
3812
- .e-grid .e-focused:not(.e-menu-item) {
3816
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3813
3817
  box-shadow: 0 0 0 1px #66afe9 inset;
3814
3818
  }
3815
3819
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4173,6 +4177,9 @@
4173
4177
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4174
4178
  color: #333;
4175
4179
  }
4180
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4181
+ box-shadow: none;
4182
+ }
4176
4183
  .e-grid .e-cloneproperties.e-draganddrop table,
4177
4184
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4178
4185
  background-color: #fff;
@@ -950,6 +950,10 @@
950
950
  margin: 14px 9px 0 0;
951
951
  padding: 6px 6px 4px 9px;
952
952
  }
953
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
954
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
955
+ padding: 0 10px;
956
+ }
953
957
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
954
958
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
955
959
  margin-left: -9px;
@@ -3861,7 +3865,7 @@
3861
3865
  .e-grid .e-table {
3862
3866
  background-color: #fff;
3863
3867
  }
3864
- .e-grid .e-focused:not(.e-menu-item) {
3868
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3865
3869
  box-shadow: 0 0 0 1px #66afe9 inset;
3866
3870
  }
3867
3871
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4225,6 +4229,9 @@
4225
4229
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4226
4230
  color: #212529;
4227
4231
  }
4232
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4233
+ box-shadow: none;
4234
+ }
4228
4235
  .e-grid .e-cloneproperties.e-draganddrop table,
4229
4236
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4230
4237
  background-color: #fff;
@@ -963,6 +963,10 @@
963
963
  margin: 8px 8px 0 0;
964
964
  padding: 7px 6px 7px 9px;
965
965
  }
966
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
967
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
968
+ padding: 7px 6px 7px 9px;
969
+ }
966
970
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
967
971
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
968
972
  margin-left: -8px;
@@ -3885,7 +3889,7 @@
3885
3889
  .e-grid .e-table {
3886
3890
  background-color: #212529;
3887
3891
  }
3888
- .e-grid .e-focused:not(.e-menu-item) {
3892
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3889
3893
  box-shadow: 0 0 0 1px #0d6efd inset;
3890
3894
  }
3891
3895
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4249,6 +4253,9 @@
4249
4253
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4250
4254
  color: #fff;
4251
4255
  }
4256
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4257
+ box-shadow: none;
4258
+ }
4252
4259
  .e-grid .e-cloneproperties.e-draganddrop table,
4253
4260
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4254
4261
  background-color: #495057;
@@ -963,6 +963,10 @@
963
963
  margin: 8px 8px 0 0;
964
964
  padding: 7px 6px 7px 9px;
965
965
  }
966
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
967
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
968
+ padding: 7px 6px 7px 9px;
969
+ }
966
970
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
967
971
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
968
972
  margin-left: -8px;
@@ -3885,7 +3889,7 @@
3885
3889
  .e-grid .e-table {
3886
3890
  background-color: #fff;
3887
3891
  }
3888
- .e-grid .e-focused:not(.e-menu-item) {
3892
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3889
3893
  box-shadow: 0 0 0 1px #0d6efd inset;
3890
3894
  }
3891
3895
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4249,6 +4253,9 @@
4249
4253
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4250
4254
  color: #212529;
4251
4255
  }
4256
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4257
+ box-shadow: none;
4258
+ }
4252
4259
  .e-grid .e-cloneproperties.e-draganddrop table,
4253
4260
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4254
4261
  background-color: #dee2e6;
@@ -878,6 +878,10 @@
878
878
  margin: 8px 10px 0 0;
879
879
  padding: 0 10px;
880
880
  }
881
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
882
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
883
+ padding: 0 10px;
884
+ }
881
885
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
882
886
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
883
887
  margin-left: 0;
@@ -3782,7 +3786,7 @@
3782
3786
  .e-grid .e-table {
3783
3787
  background-color: #201f1f;
3784
3788
  }
3785
- .e-grid .e-focused:not(.e-menu-item) {
3789
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3786
3790
  box-shadow: 0 0 0 1px #dadada inset;
3787
3791
  }
3788
3792
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4146,6 +4150,9 @@
4146
4150
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4147
4151
  color: #dadada;
4148
4152
  }
4153
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4154
+ box-shadow: none;
4155
+ }
4149
4156
  .e-grid .e-cloneproperties.e-draganddrop table,
4150
4157
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4151
4158
  background-color: #414040;
@@ -871,6 +871,10 @@
871
871
  margin: 8px 10px 0 0;
872
872
  padding: 0 10px;
873
873
  }
874
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
875
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
876
+ padding: 0 10px;
877
+ }
874
878
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
875
879
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
876
880
  margin-left: 0;
@@ -3775,7 +3779,7 @@
3775
3779
  .e-grid .e-table {
3776
3780
  background-color: #fff;
3777
3781
  }
3778
- .e-grid .e-focused:not(.e-menu-item) {
3782
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3779
3783
  box-shadow: 0 0 0 1px #666 inset;
3780
3784
  }
3781
3785
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4139,6 +4143,9 @@
4139
4143
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4140
4144
  color: #333;
4141
4145
  }
4146
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4147
+ box-shadow: none;
4148
+ }
4142
4149
  .e-grid .e-cloneproperties.e-draganddrop table,
4143
4150
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4144
4151
  background-color: #fff;
@@ -961,6 +961,10 @@
961
961
  margin: 6px 8px 6px 0;
962
962
  padding: 4px 6px 4px 9px;
963
963
  }
964
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
965
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
966
+ padding: 4px 6px 4px 9px;
967
+ }
964
968
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
965
969
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
966
970
  margin-left: -9px;
@@ -3916,7 +3920,7 @@
3916
3920
  .e-grid .e-table {
3917
3921
  background-color: #1b1a19;
3918
3922
  }
3919
- .e-grid .e-focused:not(.e-menu-item) {
3923
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3920
3924
  box-shadow: 0 0 0 1px #0078d4 inset;
3921
3925
  }
3922
3926
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4281,6 +4285,9 @@
4281
4285
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4282
4286
  color: #f3f2f1;
4283
4287
  }
4288
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4289
+ box-shadow: none;
4290
+ }
4284
4291
  .e-grid .e-cloneproperties.e-draganddrop table,
4285
4292
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4286
4293
  background-color: #252423;
@@ -961,6 +961,10 @@
961
961
  margin: 6px 8px 6px 0;
962
962
  padding: 4px 6px 4px 9px;
963
963
  }
964
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
965
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
966
+ padding: 4px 6px 4px 9px;
967
+ }
964
968
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
965
969
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
966
970
  margin-left: -9px;
@@ -3916,7 +3920,7 @@
3916
3920
  .e-grid .e-table {
3917
3921
  background-color: #fff;
3918
3922
  }
3919
- .e-grid .e-focused:not(.e-menu-item) {
3923
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3920
3924
  box-shadow: 0 0 0 1px #0078d4 inset;
3921
3925
  }
3922
3926
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4281,6 +4285,9 @@
4281
4285
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4282
4286
  color: #201f1e;
4283
4287
  }
4288
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4289
+ box-shadow: none;
4290
+ }
4284
4291
  .e-grid .e-cloneproperties.e-draganddrop table,
4285
4292
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4286
4293
  background-color: #f3f2f1;
@@ -875,6 +875,10 @@
875
875
  margin: 8px 10px 0 0;
876
876
  padding: 0 10px;
877
877
  }
878
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
879
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
880
+ padding: 0 10px;
881
+ }
878
882
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
879
883
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
880
884
  margin-left: 0;
@@ -3779,7 +3783,7 @@
3779
3783
  .e-grid .e-table {
3780
3784
  background-color: #fff;
3781
3785
  }
3782
- .e-grid .e-focused:not(.e-menu-item) {
3786
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3783
3787
  box-shadow: 0 0 0 1px #757575 inset;
3784
3788
  }
3785
3789
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4143,6 +4147,9 @@
4143
4147
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4144
4148
  color: #000;
4145
4149
  }
4150
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4151
+ box-shadow: none;
4152
+ }
4146
4153
  .e-grid .e-cloneproperties.e-draganddrop table,
4147
4154
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4148
4155
  background-color: #fff;
@@ -875,6 +875,10 @@
875
875
  margin: 8px 10px 0 0;
876
876
  padding: 0 10px;
877
877
  }
878
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
879
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
880
+ padding: 0 10px;
881
+ }
878
882
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
879
883
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
880
884
  margin-left: 0;
@@ -3779,7 +3783,7 @@
3779
3783
  .e-grid .e-table {
3780
3784
  background-color: #000;
3781
3785
  }
3782
- .e-grid .e-focused:not(.e-menu-item) {
3786
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3783
3787
  box-shadow: 0 0 0 1px #969696 inset;
3784
3788
  }
3785
3789
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4143,6 +4147,9 @@
4143
4147
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4144
4148
  color: #fff;
4145
4149
  }
4150
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4151
+ box-shadow: none;
4152
+ }
4146
4153
  .e-grid .e-cloneproperties.e-draganddrop table,
4147
4154
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4148
4155
  background-color: #000;
@@ -1,4 +1,4 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
1
+ @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
2
  /* stylelint-disable property-no-vendor-prefix */
3
3
  @keyframes e-input-ripple {
4
4
  100% {
@@ -919,6 +919,10 @@
919
919
  margin: 3px 24px 0 0;
920
920
  padding: 0 12px 0 8px;
921
921
  }
922
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
923
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
924
+ padding: 0 12px 0 8px;
925
+ }
922
926
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
923
927
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
924
928
  margin-left: 0;
@@ -3823,7 +3827,7 @@
3823
3827
  .e-grid .e-table {
3824
3828
  background-color: #303030;
3825
3829
  }
3826
- .e-grid .e-focused:not(.e-menu-item) {
3830
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3827
3831
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
3828
3832
  }
3829
3833
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4187,6 +4191,9 @@
4187
4191
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4188
4192
  color: #fff;
4189
4193
  }
4194
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4195
+ box-shadow: none;
4196
+ }
4190
4197
  .e-grid .e-cloneproperties.e-draganddrop table,
4191
4198
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4192
4199
  background-color: #424242;
@@ -1,4 +1,4 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
1
+ @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
2
  /* stylelint-disable property-no-vendor-prefix */
3
3
  @keyframes e-input-ripple {
4
4
  100% {
@@ -953,6 +953,10 @@
953
953
  margin: 3px 24px 0 0;
954
954
  padding: 0 12px 0 8px;
955
955
  }
956
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
957
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
958
+ padding: 0 12px 0 8px;
959
+ }
956
960
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
957
961
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
958
962
  margin-left: 0;
@@ -3857,7 +3861,7 @@
3857
3861
  .e-grid .e-table {
3858
3862
  background-color: #fff;
3859
3863
  }
3860
- .e-grid .e-focused:not(.e-menu-item) {
3864
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3861
3865
  box-shadow: 0 0 0 1px #9e9e9e inset;
3862
3866
  }
3863
3867
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4221,6 +4225,9 @@
4221
4225
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4222
4226
  color: #000;
4223
4227
  }
4228
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4229
+ box-shadow: none;
4230
+ }
4224
4231
  .e-grid .e-cloneproperties.e-draganddrop table,
4225
4232
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4226
4233
  background-color: #fff;
@@ -1072,6 +1072,10 @@
1072
1072
  margin: 8px 8px 0 0;
1073
1073
  padding: 0 0 0 8px;
1074
1074
  }
1075
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
1076
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
1077
+ padding: 0 0 0 8px;
1078
+ }
1075
1079
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
1076
1080
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
1077
1081
  margin-left: -8px;
@@ -4099,7 +4103,7 @@
4099
4103
  .e-grid .e-table {
4100
4104
  background-color: rgba(var(--color-sf-surface));
4101
4105
  }
4102
- .e-grid .e-focused:not(.e-menu-item) {
4106
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
4103
4107
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
4104
4108
  }
4105
4109
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4476,6 +4480,9 @@
4476
4480
  padding-top: 6px;
4477
4481
  padding-bottom: 6px;
4478
4482
  }
4483
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4484
+ box-shadow: none;
4485
+ }
4479
4486
  .e-grid .e-cloneproperties.e-draganddrop table,
4480
4487
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4481
4488
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
@@ -1128,6 +1128,10 @@
1128
1128
  margin: 8px 8px 0 0;
1129
1129
  padding: 0 0 0 8px;
1130
1130
  }
1131
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
1132
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
1133
+ padding: 0 0 0 8px;
1134
+ }
1131
1135
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
1132
1136
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
1133
1137
  margin-left: -8px;
@@ -4155,7 +4159,7 @@
4155
4159
  .e-grid .e-table {
4156
4160
  background-color: rgba(var(--color-sf-surface));
4157
4161
  }
4158
- .e-grid .e-focused:not(.e-menu-item) {
4162
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
4159
4163
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
4160
4164
  }
4161
4165
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4532,6 +4536,9 @@
4532
4536
  padding-top: 6px;
4533
4537
  padding-bottom: 6px;
4534
4538
  }
4539
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4540
+ box-shadow: none;
4541
+ }
4535
4542
  .e-grid .e-cloneproperties.e-draganddrop table,
4536
4543
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4537
4544
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
@@ -954,6 +954,10 @@
954
954
  margin: 5px 0 0 6px;
955
955
  padding: 6px 8px 6px 8px;
956
956
  }
957
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
958
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
959
+ padding: 0 10px;
960
+ }
957
961
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
958
962
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
959
963
  margin-left: -8px;
@@ -3904,7 +3908,7 @@
3904
3908
  .e-grid .e-table {
3905
3909
  background-color: #1f2937;
3906
3910
  }
3907
- .e-grid .e-focused:not(.e-menu-item) {
3911
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3908
3912
  box-shadow: 0 0 0 1px #22d3ee inset;
3909
3913
  }
3910
3914
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4268,6 +4272,9 @@
4268
4272
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4269
4273
  color: #fff;
4270
4274
  }
4275
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4276
+ box-shadow: none;
4277
+ }
4271
4278
  .e-grid .e-cloneproperties.e-draganddrop table,
4272
4279
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4273
4280
  background-color: #4b5563;
@@ -954,6 +954,10 @@
954
954
  margin: 5px 0 0 6px;
955
955
  padding: 6px 8px 6px 8px;
956
956
  }
957
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
958
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
959
+ padding: 0 10px;
960
+ }
957
961
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
958
962
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
959
963
  margin-left: -8px;
@@ -3904,7 +3908,7 @@
3904
3908
  .e-grid .e-table {
3905
3909
  background-color: #fff;
3906
3910
  }
3907
- .e-grid .e-focused:not(.e-menu-item) {
3911
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3908
3912
  box-shadow: 0 0 0 1px #4f46e5 inset;
3909
3913
  }
3910
3914
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4268,6 +4272,9 @@
4268
4272
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4269
4273
  color: #111827;
4270
4274
  }
4275
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4276
+ box-shadow: none;
4277
+ }
4271
4278
  .e-grid .e-cloneproperties.e-draganddrop table,
4272
4279
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4273
4280
  background-color: #e5e7eb;
@@ -260,6 +260,9 @@
260
260
  .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
261
261
  padding-right: 16px;
262
262
  }
263
+ .e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
264
+ padding-right: 0;
265
+ }
263
266
  .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
264
267
  font-size: 16px;
265
268
  }
@@ -1296,6 +1299,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1296
1299
  margin: 8px 10px 0 0;
1297
1300
  padding: 0 10px;
1298
1301
  }
1302
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
1303
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
1304
+ padding: 0 10px;
1305
+ }
1299
1306
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
1300
1307
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
1301
1308
  margin-left: 0;
@@ -4200,7 +4207,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4200
4207
  .e-grid .e-table {
4201
4208
  background-color: #fff;
4202
4209
  }
4203
- .e-grid .e-focused:not(.e-menu-item) {
4210
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
4204
4211
  box-shadow: 0 0 0 1px #757575 inset;
4205
4212
  }
4206
4213
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4564,6 +4571,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4564
4571
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4565
4572
  color: #000;
4566
4573
  }
4574
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4575
+ box-shadow: none;
4576
+ }
4567
4577
  .e-grid .e-cloneproperties.e-draganddrop table,
4568
4578
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4569
4579
  background-color: #fff;
@@ -260,6 +260,9 @@
260
260
  .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
261
261
  padding-right: 16px;
262
262
  }
263
+ .e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
264
+ padding-right: 0;
265
+ }
263
266
  .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
264
267
  font-size: 16px;
265
268
  }
@@ -1296,6 +1299,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1296
1299
  margin: 8px 10px 0 0;
1297
1300
  padding: 0 10px;
1298
1301
  }
1302
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
1303
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
1304
+ padding: 0 10px;
1305
+ }
1299
1306
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
1300
1307
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
1301
1308
  margin-left: 0;
@@ -4200,7 +4207,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4200
4207
  .e-grid .e-table {
4201
4208
  background-color: #000;
4202
4209
  }
4203
- .e-grid .e-focused:not(.e-menu-item) {
4210
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
4204
4211
  box-shadow: 0 0 0 1px #969696 inset;
4205
4212
  }
4206
4213
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4564,6 +4571,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4564
4571
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4565
4572
  color: #fff;
4566
4573
  }
4574
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4575
+ box-shadow: none;
4576
+ }
4567
4577
  .e-grid .e-cloneproperties.e-draganddrop table,
4568
4578
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4569
4579
  background-color: #000;
@@ -1,4 +1,4 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
1
+ @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
2
  /* stylelint-disable property-no-vendor-prefix */
3
3
  @keyframes e-input-ripple {
4
4
  100% {
@@ -295,6 +295,9 @@
295
295
  .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
296
296
  padding-right: 16px;
297
297
  }
298
+ .e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
299
+ padding-right: 0;
300
+ }
298
301
  .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
299
302
  font-size: 18px;
300
303
  }
@@ -1346,6 +1349,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1346
1349
  margin: 3px 24px 0 0;
1347
1350
  padding: 0 12px 0 8px;
1348
1351
  }
1352
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
1353
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
1354
+ padding: 0 12px 0 8px;
1355
+ }
1349
1356
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
1350
1357
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
1351
1358
  margin-left: 0;
@@ -4250,7 +4257,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4250
4257
  .e-grid .e-table {
4251
4258
  background-color: #303030;
4252
4259
  }
4253
- .e-grid .e-focused:not(.e-menu-item) {
4260
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
4254
4261
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
4255
4262
  }
4256
4263
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4614,6 +4621,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4614
4621
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4615
4622
  color: #fff;
4616
4623
  }
4624
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4625
+ box-shadow: none;
4626
+ }
4617
4627
  .e-grid .e-cloneproperties.e-draganddrop table,
4618
4628
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4619
4629
  background-color: #424242;