@syncfusion/ej2-angular-grids 19.3.57 → 19.4.38

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 (59) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/ej2-angular-grids.umd.js +1 -1
  3. package/dist/ej2-angular-grids.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/bootstrap-dark.css +66 -11
  9. package/styles/bootstrap.css +66 -11
  10. package/styles/bootstrap4.css +66 -11
  11. package/styles/bootstrap5-dark.css +68 -13
  12. package/styles/bootstrap5.css +68 -13
  13. package/styles/excel-filter/bootstrap-dark.css +3 -3
  14. package/styles/excel-filter/bootstrap.css +3 -3
  15. package/styles/excel-filter/bootstrap4.css +3 -3
  16. package/styles/excel-filter/bootstrap5-dark.css +3 -4
  17. package/styles/excel-filter/bootstrap5.css +3 -4
  18. package/styles/excel-filter/fabric-dark.css +3 -3
  19. package/styles/excel-filter/fabric.css +3 -3
  20. package/styles/excel-filter/highcontrast-light.css +3 -3
  21. package/styles/excel-filter/highcontrast.css +3 -3
  22. package/styles/excel-filter/material-dark.css +3 -3
  23. package/styles/excel-filter/material.css +3 -3
  24. package/styles/excel-filter/tailwind-dark.css +3 -3
  25. package/styles/excel-filter/tailwind.css +3 -3
  26. package/styles/fabric-dark.css +71 -16
  27. package/styles/fabric.css +66 -11
  28. package/styles/grid/bootstrap-dark.css +41 -2
  29. package/styles/grid/bootstrap.css +41 -2
  30. package/styles/grid/bootstrap4.css +41 -2
  31. package/styles/grid/bootstrap5-dark.css +42 -3
  32. package/styles/grid/bootstrap5.css +42 -3
  33. package/styles/grid/fabric-dark.css +46 -7
  34. package/styles/grid/fabric.css +41 -2
  35. package/styles/grid/highcontrast-light.css +45 -6
  36. package/styles/grid/highcontrast.css +45 -6
  37. package/styles/grid/material-dark.css +41 -2
  38. package/styles/grid/material.css +41 -2
  39. package/styles/grid/tailwind-dark.css +44 -5
  40. package/styles/grid/tailwind.css +44 -5
  41. package/styles/highcontrast-light.css +70 -15
  42. package/styles/highcontrast.css +70 -15
  43. package/styles/material-dark.css +66 -11
  44. package/styles/material.css +66 -11
  45. package/styles/pager/bootstrap-dark.css +22 -6
  46. package/styles/pager/bootstrap.css +22 -6
  47. package/styles/pager/bootstrap4.css +22 -6
  48. package/styles/pager/bootstrap5-dark.css +23 -7
  49. package/styles/pager/bootstrap5.css +23 -7
  50. package/styles/pager/fabric-dark.css +22 -6
  51. package/styles/pager/fabric.css +22 -6
  52. package/styles/pager/highcontrast-light.css +22 -6
  53. package/styles/pager/highcontrast.css +22 -6
  54. package/styles/pager/material-dark.css +22 -6
  55. package/styles/pager/material.css +22 -6
  56. package/styles/pager/tailwind-dark.css +23 -7
  57. package/styles/pager/tailwind.css +23 -7
  58. package/styles/tailwind-dark.css +70 -15
  59. package/styles/tailwind.css +70 -15
@@ -377,6 +377,16 @@
377
377
  font-size: 14px;
378
378
  }
379
379
 
380
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
381
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
382
+ font-size: 10px;
383
+ }
384
+
385
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
386
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
387
+ font-size: 10px;
388
+ }
389
+
380
390
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
381
391
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
382
392
  padding-bottom: 5px;
@@ -1389,7 +1399,7 @@
1389
1399
 
1390
1400
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1391
1401
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1392
- right: -1px;
1402
+ right: 0;
1393
1403
  }
1394
1404
 
1395
1405
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3871,6 +3881,11 @@
3871
3881
  position: initial;
3872
3882
  }
3873
3883
 
3884
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
3885
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3886
+ background-color: transparent;
3887
+ }
3888
+
3874
3889
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
3875
3890
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
3876
3891
  color: #333;
@@ -4168,6 +4183,25 @@
4168
4183
  background-color: transparent;
4169
4184
  }
4170
4185
 
4186
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
4187
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4188
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4189
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
4190
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4191
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4192
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
4193
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4194
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4195
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
4196
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4197
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4198
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4199
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4200
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4201
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
4202
+ padding-right: 10px;
4203
+ }
4204
+
4171
4205
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4172
4206
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4173
4207
  padding-top: 0;
@@ -4216,7 +4250,12 @@
4216
4250
  box-shadow: 0 0 0 1px #666 inset;
4217
4251
  }
4218
4252
 
4219
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
4253
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
4254
+ color: #333;
4255
+ }
4256
+
4257
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
4258
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
4220
4259
  color: #333;
4221
4260
  }
4222
4261
 
@@ -394,6 +394,16 @@
394
394
  font-size: 14px;
395
395
  }
396
396
 
397
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
398
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
399
+ font-size: 10px;
400
+ }
401
+
402
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
403
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
404
+ font-size: 10px;
405
+ }
406
+
397
407
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
398
408
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
399
409
  padding-bottom: 5px;
@@ -649,7 +659,7 @@
649
659
  font-size: 9px;
650
660
  height: 15px;
651
661
  line-height: 15px;
652
- margin: 9px 25px 0 2px;
662
+ margin: 9px 2px 0 2px;
653
663
  text-align: center;
654
664
  width: 15px;
655
665
  }
@@ -1406,7 +1416,7 @@
1406
1416
 
1407
1417
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1408
1418
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1409
- right: -1px;
1419
+ right: 0;
1410
1420
  }
1411
1421
 
1412
1422
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -1893,7 +1903,7 @@
1893
1903
  }
1894
1904
 
1895
1905
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
1896
- margin: 0 20px 0 0;
1906
+ margin: 0 26px 0 0;
1897
1907
  }
1898
1908
 
1899
1909
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -1957,7 +1967,7 @@
1957
1967
  font-size: 9px;
1958
1968
  height: 15px;
1959
1969
  line-height: 15px;
1960
- margin: 9px 25px 0 2px;
1970
+ margin: 9px 2px 0 2px;
1961
1971
  text-align: center;
1962
1972
  width: 15px;
1963
1973
  }
@@ -1968,7 +1978,7 @@
1968
1978
  }
1969
1979
 
1970
1980
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1971
- margin: -22px 30px 0 0;
1981
+ margin: -22px 15px 0 0;
1972
1982
  }
1973
1983
 
1974
1984
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -3888,6 +3898,11 @@
3888
3898
  position: initial;
3889
3899
  }
3890
3900
 
3901
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
3902
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3903
+ background-color: transparent;
3904
+ }
3905
+
3891
3906
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
3892
3907
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
3893
3908
  color: #000;
@@ -4185,6 +4200,25 @@
4185
4200
  background-color: transparent;
4186
4201
  }
4187
4202
 
4203
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
4204
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4205
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4206
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
4207
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4208
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4209
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
4210
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4211
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4212
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
4213
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4214
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4215
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4216
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4217
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4218
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
4219
+ padding-right: 10px;
4220
+ }
4221
+
4188
4222
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4189
4223
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4190
4224
  padding-top: 0;
@@ -4233,7 +4267,12 @@
4233
4267
  box-shadow: 0 0 0 1px #757575 inset;
4234
4268
  }
4235
4269
 
4236
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
4270
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
4271
+ color: #000;
4272
+ }
4273
+
4274
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
4275
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
4237
4276
  color: #000;
4238
4277
  }
4239
4278
 
@@ -394,6 +394,16 @@
394
394
  font-size: 14px;
395
395
  }
396
396
 
397
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
398
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
399
+ font-size: 10px;
400
+ }
401
+
402
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
403
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
404
+ font-size: 10px;
405
+ }
406
+
397
407
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
398
408
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
399
409
  padding-bottom: 5px;
@@ -649,7 +659,7 @@
649
659
  font-size: 9px;
650
660
  height: 15px;
651
661
  line-height: 15px;
652
- margin: 9px 25px 0 2px;
662
+ margin: 9px 2px 0 2px;
653
663
  text-align: center;
654
664
  width: 15px;
655
665
  }
@@ -1406,7 +1416,7 @@
1406
1416
 
1407
1417
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1408
1418
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1409
- right: -1px;
1419
+ right: 0;
1410
1420
  }
1411
1421
 
1412
1422
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -1893,7 +1903,7 @@
1893
1903
  }
1894
1904
 
1895
1905
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
1896
- margin: 0 20px 0 0;
1906
+ margin: 0 26px 0 0;
1897
1907
  }
1898
1908
 
1899
1909
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -1957,7 +1967,7 @@
1957
1967
  font-size: 9px;
1958
1968
  height: 15px;
1959
1969
  line-height: 15px;
1960
- margin: 9px 25px 0 2px;
1970
+ margin: 9px 2px 0 2px;
1961
1971
  text-align: center;
1962
1972
  width: 15px;
1963
1973
  }
@@ -1968,7 +1978,7 @@
1968
1978
  }
1969
1979
 
1970
1980
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1971
- margin: -22px 30px 0 0;
1981
+ margin: -22px 15px 0 0;
1972
1982
  }
1973
1983
 
1974
1984
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -3888,6 +3898,11 @@
3888
3898
  position: initial;
3889
3899
  }
3890
3900
 
3901
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
3902
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3903
+ background-color: transparent;
3904
+ }
3905
+
3891
3906
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
3892
3907
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
3893
3908
  color: #fff;
@@ -4185,6 +4200,25 @@
4185
4200
  background-color: transparent;
4186
4201
  }
4187
4202
 
4203
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
4204
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4205
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4206
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
4207
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4208
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4209
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
4210
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4211
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4212
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
4213
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4214
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4215
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4216
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4217
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4218
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
4219
+ padding-right: 10px;
4220
+ }
4221
+
4188
4222
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4189
4223
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4190
4224
  padding-top: 0;
@@ -4233,7 +4267,12 @@
4233
4267
  box-shadow: 0 0 0 1px #969696 inset;
4234
4268
  }
4235
4269
 
4236
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
4270
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
4271
+ color: #fff;
4272
+ }
4273
+
4274
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
4275
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
4237
4276
  color: #fff;
4238
4277
  }
4239
4278
 
@@ -420,6 +420,16 @@
420
420
  font-size: 13px;
421
421
  }
422
422
 
423
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
424
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
425
+ font-size: 10px;
426
+ }
427
+
428
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
429
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
430
+ font-size: 10px;
431
+ }
432
+
423
433
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
424
434
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
425
435
  padding-bottom: 8px;
@@ -1432,7 +1442,7 @@
1432
1442
 
1433
1443
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1434
1444
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1435
- right: -1px;
1445
+ right: 0;
1436
1446
  }
1437
1447
 
1438
1448
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3914,6 +3924,11 @@
3914
3924
  position: initial;
3915
3925
  }
3916
3926
 
3927
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
3928
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3929
+ background-color: transparent;
3930
+ }
3931
+
3917
3932
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
3918
3933
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
3919
3934
  color: #fff;
@@ -4211,6 +4226,25 @@
4211
4226
  background-color: transparent;
4212
4227
  }
4213
4228
 
4229
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
4230
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4231
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4232
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
4233
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4234
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4235
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
4236
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4237
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4238
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
4239
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4240
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4241
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4242
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4243
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4244
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
4245
+ padding-right: 10px;
4246
+ }
4247
+
4214
4248
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4215
4249
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4216
4250
  padding-top: 0;
@@ -4259,7 +4293,12 @@
4259
4293
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
4260
4294
  }
4261
4295
 
4262
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
4296
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
4297
+ color: rgba(255, 255, 255, 0.7);
4298
+ }
4299
+
4300
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
4301
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
4263
4302
  color: rgba(255, 255, 255, 0.7);
4264
4303
  }
4265
4304
 
@@ -455,6 +455,16 @@
455
455
  font-size: 13px;
456
456
  }
457
457
 
458
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
459
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
460
+ font-size: 10px;
461
+ }
462
+
463
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
464
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
465
+ font-size: 10px;
466
+ }
467
+
458
468
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
459
469
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
460
470
  padding-bottom: 8px;
@@ -1467,7 +1477,7 @@
1467
1477
 
1468
1478
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1469
1479
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1470
- right: -1px;
1480
+ right: 0;
1471
1481
  }
1472
1482
 
1473
1483
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3949,6 +3959,11 @@
3949
3959
  position: initial;
3950
3960
  }
3951
3961
 
3962
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
3963
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3964
+ background-color: transparent;
3965
+ }
3966
+
3952
3967
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
3953
3968
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
3954
3969
  color: #000;
@@ -4246,6 +4261,25 @@
4246
4261
  background-color: transparent;
4247
4262
  }
4248
4263
 
4264
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
4265
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4266
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4267
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
4268
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4269
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4270
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
4271
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4272
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4273
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
4274
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4275
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4276
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4277
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4278
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4279
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
4280
+ padding-right: 10px;
4281
+ }
4282
+
4249
4283
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4250
4284
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4251
4285
  padding-top: 0;
@@ -4294,7 +4328,12 @@
4294
4328
  box-shadow: 0 0 0 1px #9e9e9e inset;
4295
4329
  }
4296
4330
 
4297
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
4331
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
4332
+ color: #212121;
4333
+ }
4334
+
4335
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
4336
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
4298
4337
  color: #212121;
4299
4338
  }
4300
4339
 
@@ -455,6 +455,16 @@
455
455
  font-size: 16px;
456
456
  }
457
457
 
458
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
459
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
460
+ font-size: 16px;
461
+ }
462
+
463
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
464
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
465
+ font-size: 16px;
466
+ }
467
+
458
468
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
459
469
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
460
470
  padding-bottom: 5px;
@@ -1467,7 +1477,7 @@
1467
1477
 
1468
1478
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1469
1479
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1470
- right: -1px;
1480
+ right: 0;
1471
1481
  }
1472
1482
 
1473
1483
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -1954,7 +1964,7 @@
1954
1964
  }
1955
1965
 
1956
1966
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
1957
- margin: -5px;
1967
+ margin: -5px 20px -5px -5px;
1958
1968
  }
1959
1969
 
1960
1970
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -2018,7 +2028,7 @@
2018
2028
  font-size: 10px;
2019
2029
  height: 15px;
2020
2030
  line-height: 16px;
2021
- margin: 3px 0 0 8px;
2031
+ margin: 3px -8px 0 8px;
2022
2032
  text-align: center;
2023
2033
  width: 15px;
2024
2034
  }
@@ -2029,7 +2039,7 @@
2029
2039
  }
2030
2040
 
2031
2041
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2032
- margin: -30px 29px -29px 0;
2042
+ margin: -30px 20px -29px 0;
2033
2043
  }
2034
2044
 
2035
2045
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -3949,6 +3959,11 @@
3949
3959
  position: initial;
3950
3960
  }
3951
3961
 
3962
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
3963
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3964
+ background-color: transparent;
3965
+ }
3966
+
3952
3967
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
3953
3968
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
3954
3969
  color: #d1d5db;
@@ -4246,6 +4261,25 @@
4246
4261
  background-color: transparent;
4247
4262
  }
4248
4263
 
4264
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
4265
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4266
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4267
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
4268
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4269
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4270
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
4271
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4272
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4273
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
4274
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4275
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4276
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4277
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4278
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4279
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
4280
+ padding-right: 10px;
4281
+ }
4282
+
4249
4283
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4250
4284
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4251
4285
  padding-top: 0;
@@ -4294,7 +4328,12 @@
4294
4328
  box-shadow: 0 0 0 1px #22d3ee inset;
4295
4329
  }
4296
4330
 
4297
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
4331
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
4332
+ color: #d1d5db;
4333
+ }
4334
+
4335
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
4336
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
4298
4337
  color: #d1d5db;
4299
4338
  }
4300
4339
 
@@ -455,6 +455,16 @@
455
455
  font-size: 16px;
456
456
  }
457
457
 
458
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
459
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
460
+ font-size: 16px;
461
+ }
462
+
463
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
464
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
465
+ font-size: 16px;
466
+ }
467
+
458
468
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
459
469
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
460
470
  padding-bottom: 5px;
@@ -1467,7 +1477,7 @@
1467
1477
 
1468
1478
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1469
1479
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1470
- right: -1px;
1480
+ right: 0;
1471
1481
  }
1472
1482
 
1473
1483
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -1954,7 +1964,7 @@
1954
1964
  }
1955
1965
 
1956
1966
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
1957
- margin: -5px;
1967
+ margin: -5px 20px -5px -5px;
1958
1968
  }
1959
1969
 
1960
1970
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -2018,7 +2028,7 @@
2018
2028
  font-size: 10px;
2019
2029
  height: 15px;
2020
2030
  line-height: 16px;
2021
- margin: 3px 0 0 8px;
2031
+ margin: 3px -8px 0 8px;
2022
2032
  text-align: center;
2023
2033
  width: 15px;
2024
2034
  }
@@ -2029,7 +2039,7 @@
2029
2039
  }
2030
2040
 
2031
2041
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2032
- margin: -30px 29px -29px 0;
2042
+ margin: -30px 20px -29px 0;
2033
2043
  }
2034
2044
 
2035
2045
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -3949,6 +3959,11 @@
3949
3959
  position: initial;
3950
3960
  }
3951
3961
 
3962
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
3963
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3964
+ background-color: transparent;
3965
+ }
3966
+
3952
3967
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
3953
3968
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
3954
3969
  color: #6b7280;
@@ -4246,6 +4261,25 @@
4246
4261
  background-color: transparent;
4247
4262
  }
4248
4263
 
4264
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
4265
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4266
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4267
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
4268
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4269
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4270
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
4271
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4272
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4273
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
4274
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4275
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4276
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4277
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4278
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4279
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
4280
+ padding-right: 10px;
4281
+ }
4282
+
4249
4283
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4250
4284
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4251
4285
  padding-top: 0;
@@ -4294,7 +4328,12 @@
4294
4328
  box-shadow: 0 0 0 1px #4f46e5 inset;
4295
4329
  }
4296
4330
 
4297
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
4331
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
4332
+ color: #6b7280;
4333
+ }
4334
+
4335
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
4336
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
4298
4337
  color: #6b7280;
4299
4338
  }
4300
4339