@syncfusion/ej2-angular-grids 19.3.55 → 19.4.40

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 (60) hide show
  1. package/CHANGELOG.md +43 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-angular-grids.umd.js +1 -1
  4. package/dist/ej2-angular-grids.umd.min.js +1 -1
  5. package/package.json +8 -8
  6. package/schematics/utils/lib-details.d.ts +2 -2
  7. package/schematics/utils/lib-details.js +2 -2
  8. package/schematics/utils/lib-details.ts +2 -2
  9. package/styles/bootstrap-dark.css +66 -11
  10. package/styles/bootstrap.css +66 -11
  11. package/styles/bootstrap4.css +66 -11
  12. package/styles/bootstrap5-dark.css +68 -12
  13. package/styles/bootstrap5.css +68 -12
  14. package/styles/excel-filter/bootstrap-dark.css +3 -3
  15. package/styles/excel-filter/bootstrap.css +3 -3
  16. package/styles/excel-filter/bootstrap4.css +3 -3
  17. package/styles/excel-filter/bootstrap5-dark.css +3 -3
  18. package/styles/excel-filter/bootstrap5.css +3 -3
  19. package/styles/excel-filter/fabric-dark.css +3 -3
  20. package/styles/excel-filter/fabric.css +3 -3
  21. package/styles/excel-filter/highcontrast-light.css +3 -3
  22. package/styles/excel-filter/highcontrast.css +3 -3
  23. package/styles/excel-filter/material-dark.css +3 -3
  24. package/styles/excel-filter/material.css +3 -3
  25. package/styles/excel-filter/tailwind-dark.css +3 -3
  26. package/styles/excel-filter/tailwind.css +3 -3
  27. package/styles/fabric-dark.css +71 -16
  28. package/styles/fabric.css +66 -11
  29. package/styles/grid/bootstrap-dark.css +41 -2
  30. package/styles/grid/bootstrap.css +41 -2
  31. package/styles/grid/bootstrap4.css +41 -2
  32. package/styles/grid/bootstrap5-dark.css +42 -2
  33. package/styles/grid/bootstrap5.css +42 -2
  34. package/styles/grid/fabric-dark.css +46 -7
  35. package/styles/grid/fabric.css +41 -2
  36. package/styles/grid/highcontrast-light.css +45 -6
  37. package/styles/grid/highcontrast.css +45 -6
  38. package/styles/grid/material-dark.css +41 -2
  39. package/styles/grid/material.css +41 -2
  40. package/styles/grid/tailwind-dark.css +44 -5
  41. package/styles/grid/tailwind.css +44 -5
  42. package/styles/highcontrast-light.css +70 -15
  43. package/styles/highcontrast.css +70 -15
  44. package/styles/material-dark.css +66 -11
  45. package/styles/material.css +66 -11
  46. package/styles/pager/bootstrap-dark.css +22 -6
  47. package/styles/pager/bootstrap.css +22 -6
  48. package/styles/pager/bootstrap4.css +22 -6
  49. package/styles/pager/bootstrap5-dark.css +23 -7
  50. package/styles/pager/bootstrap5.css +23 -7
  51. package/styles/pager/fabric-dark.css +22 -6
  52. package/styles/pager/fabric.css +22 -6
  53. package/styles/pager/highcontrast-light.css +22 -6
  54. package/styles/pager/highcontrast.css +22 -6
  55. package/styles/pager/material-dark.css +22 -6
  56. package/styles/pager/material.css +22 -6
  57. package/styles/pager/tailwind-dark.css +23 -7
  58. package/styles/pager/tailwind.css +23 -7
  59. package/styles/tailwind-dark.css +70 -15
  60. package/styles/tailwind.css +70 -15
@@ -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
 
@@ -221,6 +221,17 @@
221
221
  padding: 10px;
222
222
  }
223
223
 
224
+ .e-bigger .e-pager .e-pp,
225
+ .e-bigger .e-pager .e-np,
226
+ .e-bigger .e-pager .e-pp:hover,
227
+ .e-bigger .e-pager .e-np:hover,
228
+ .e-pager.e-bigger .e-pp,
229
+ .e-pager.e-bigger .e-np,
230
+ .e-pager.e-bigger .e-pp:hover,
231
+ .e-pager.e-bigger .e-np:hover {
232
+ font-size: 20px;
233
+ }
234
+
224
235
  .e-pager {
225
236
  border-style: solid;
226
237
  border-width: 1px;
@@ -640,14 +651,19 @@
640
651
  }
641
652
  }
642
653
 
643
- .e-pager.sf-pager .e-last,
644
- .e-pager.sf-pager .e-mnext,
645
- .e-pager.sf-pager .e-mlast {
646
- margin-left: -4px;
654
+ .e-pager.sf-pager .e-pagercontainer .e-first,
655
+ .e-pager.sf-pager .e-pagercontainer .e-prev,
656
+ .e-pager.sf-pager .e-pagercontainer .e-next,
657
+ .e-pager.sf-pager .e-pagercontainer .e-last {
658
+ font-size: 12px;
659
+ }
660
+
661
+ .e-pager.sf-pager .e-numericcontainer a {
662
+ font-size: 13px;
647
663
  }
648
664
 
649
- .e-pager.sf-pager .e-prev {
650
- margin-left: -3px;
665
+ .e-pager.sf-pager .e-pagercontainer {
666
+ font-size: 0;
651
667
  }
652
668
 
653
669
  .e-pager.sf-pager .e-link,
@@ -1142,8 +1158,8 @@
1142
1158
  line-height: 48px;
1143
1159
  }
1144
1160
 
1145
- .e-bigger .e-excelfilter .e-dlg-content,
1146
- .e-excelfilter.e-bigger .e-dlg-content {
1161
+ .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1162
+ .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1147
1163
  padding-left: 19.25px;
1148
1164
  }
1149
1165
 
@@ -1296,7 +1312,7 @@
1296
1312
  user-select: none;
1297
1313
  }
1298
1314
 
1299
- .e-excelfilter .e-dlg-content {
1315
+ .e-excelfilter.e-dialog .e-dlg-content {
1300
1316
  padding-left: 18px;
1301
1317
  }
1302
1318
 
@@ -1647,6 +1663,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1647
1663
  font-size: 14px;
1648
1664
  }
1649
1665
 
1666
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
1667
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1668
+ font-size: 10px;
1669
+ }
1670
+
1671
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
1672
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
1673
+ font-size: 10px;
1674
+ }
1675
+
1650
1676
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
1651
1677
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1652
1678
  padding-bottom: 5px;
@@ -1902,7 +1928,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1902
1928
  font-size: 9px;
1903
1929
  height: 15px;
1904
1930
  line-height: 15px;
1905
- margin: 9px 25px 0 2px;
1931
+ margin: 9px 2px 0 2px;
1906
1932
  text-align: center;
1907
1933
  width: 15px;
1908
1934
  }
@@ -2659,7 +2685,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2659
2685
 
2660
2686
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2661
2687
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2662
- right: -1px;
2688
+ right: 0;
2663
2689
  }
2664
2690
 
2665
2691
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3146,7 +3172,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3146
3172
  }
3147
3173
 
3148
3174
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3149
- margin: 0 20px 0 0;
3175
+ margin: 0 26px 0 0;
3150
3176
  }
3151
3177
 
3152
3178
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -3210,7 +3236,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3210
3236
  font-size: 9px;
3211
3237
  height: 15px;
3212
3238
  line-height: 15px;
3213
- margin: 9px 25px 0 2px;
3239
+ margin: 9px 2px 0 2px;
3214
3240
  text-align: center;
3215
3241
  width: 15px;
3216
3242
  }
@@ -3221,7 +3247,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3221
3247
  }
3222
3248
 
3223
3249
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
3224
- margin: -22px 30px 0 0;
3250
+ margin: -22px 15px 0 0;
3225
3251
  }
3226
3252
 
3227
3253
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -5141,6 +5167,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5141
5167
  position: initial;
5142
5168
  }
5143
5169
 
5170
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
5171
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
5172
+ background-color: transparent;
5173
+ }
5174
+
5144
5175
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
5145
5176
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
5146
5177
  color: #000;
@@ -5438,6 +5469,25 @@ li.e-separator.e-menu-item.e-excel-separator {
5438
5469
  background-color: transparent;
5439
5470
  }
5440
5471
 
5472
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
5473
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5474
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5475
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
5476
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5477
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5478
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
5479
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5480
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5481
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
5482
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5483
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5484
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5485
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5486
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5487
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
5488
+ padding-right: 10px;
5489
+ }
5490
+
5441
5491
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5442
5492
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5443
5493
  padding-top: 0;
@@ -5486,7 +5536,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5486
5536
  box-shadow: 0 0 0 1px #757575 inset;
5487
5537
  }
5488
5538
 
5489
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
5539
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
5540
+ color: #000;
5541
+ }
5542
+
5543
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
5544
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
5490
5545
  color: #000;
5491
5546
  }
5492
5547
 
@@ -221,6 +221,17 @@
221
221
  padding: 10px;
222
222
  }
223
223
 
224
+ .e-bigger .e-pager .e-pp,
225
+ .e-bigger .e-pager .e-np,
226
+ .e-bigger .e-pager .e-pp:hover,
227
+ .e-bigger .e-pager .e-np:hover,
228
+ .e-pager.e-bigger .e-pp,
229
+ .e-pager.e-bigger .e-np,
230
+ .e-pager.e-bigger .e-pp:hover,
231
+ .e-pager.e-bigger .e-np:hover {
232
+ font-size: 20px;
233
+ }
234
+
224
235
  .e-pager {
225
236
  border-style: solid;
226
237
  border-width: 1px;
@@ -640,14 +651,19 @@
640
651
  }
641
652
  }
642
653
 
643
- .e-pager.sf-pager .e-last,
644
- .e-pager.sf-pager .e-mnext,
645
- .e-pager.sf-pager .e-mlast {
646
- margin-left: -4px;
654
+ .e-pager.sf-pager .e-pagercontainer .e-first,
655
+ .e-pager.sf-pager .e-pagercontainer .e-prev,
656
+ .e-pager.sf-pager .e-pagercontainer .e-next,
657
+ .e-pager.sf-pager .e-pagercontainer .e-last {
658
+ font-size: 12px;
659
+ }
660
+
661
+ .e-pager.sf-pager .e-numericcontainer a {
662
+ font-size: 13px;
647
663
  }
648
664
 
649
- .e-pager.sf-pager .e-prev {
650
- margin-left: -3px;
665
+ .e-pager.sf-pager .e-pagercontainer {
666
+ font-size: 0;
651
667
  }
652
668
 
653
669
  .e-pager.sf-pager .e-link,
@@ -1142,8 +1158,8 @@
1142
1158
  line-height: 48px;
1143
1159
  }
1144
1160
 
1145
- .e-bigger .e-excelfilter .e-dlg-content,
1146
- .e-excelfilter.e-bigger .e-dlg-content {
1161
+ .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1162
+ .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1147
1163
  padding-left: 19.25px;
1148
1164
  }
1149
1165
 
@@ -1296,7 +1312,7 @@
1296
1312
  user-select: none;
1297
1313
  }
1298
1314
 
1299
- .e-excelfilter .e-dlg-content {
1315
+ .e-excelfilter.e-dialog .e-dlg-content {
1300
1316
  padding-left: 18px;
1301
1317
  }
1302
1318
 
@@ -1647,6 +1663,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1647
1663
  font-size: 14px;
1648
1664
  }
1649
1665
 
1666
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
1667
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1668
+ font-size: 10px;
1669
+ }
1670
+
1671
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
1672
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
1673
+ font-size: 10px;
1674
+ }
1675
+
1650
1676
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
1651
1677
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1652
1678
  padding-bottom: 5px;
@@ -1902,7 +1928,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1902
1928
  font-size: 9px;
1903
1929
  height: 15px;
1904
1930
  line-height: 15px;
1905
- margin: 9px 25px 0 2px;
1931
+ margin: 9px 2px 0 2px;
1906
1932
  text-align: center;
1907
1933
  width: 15px;
1908
1934
  }
@@ -2659,7 +2685,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2659
2685
 
2660
2686
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2661
2687
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2662
- right: -1px;
2688
+ right: 0;
2663
2689
  }
2664
2690
 
2665
2691
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3146,7 +3172,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3146
3172
  }
3147
3173
 
3148
3174
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3149
- margin: 0 20px 0 0;
3175
+ margin: 0 26px 0 0;
3150
3176
  }
3151
3177
 
3152
3178
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -3210,7 +3236,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3210
3236
  font-size: 9px;
3211
3237
  height: 15px;
3212
3238
  line-height: 15px;
3213
- margin: 9px 25px 0 2px;
3239
+ margin: 9px 2px 0 2px;
3214
3240
  text-align: center;
3215
3241
  width: 15px;
3216
3242
  }
@@ -3221,7 +3247,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3221
3247
  }
3222
3248
 
3223
3249
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
3224
- margin: -22px 30px 0 0;
3250
+ margin: -22px 15px 0 0;
3225
3251
  }
3226
3252
 
3227
3253
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -5141,6 +5167,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5141
5167
  position: initial;
5142
5168
  }
5143
5169
 
5170
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
5171
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
5172
+ background-color: transparent;
5173
+ }
5174
+
5144
5175
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
5145
5176
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
5146
5177
  color: #fff;
@@ -5438,6 +5469,25 @@ li.e-separator.e-menu-item.e-excel-separator {
5438
5469
  background-color: transparent;
5439
5470
  }
5440
5471
 
5472
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
5473
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5474
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5475
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
5476
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5477
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5478
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
5479
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5480
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5481
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
5482
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5483
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5484
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5485
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5486
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5487
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
5488
+ padding-right: 10px;
5489
+ }
5490
+
5441
5491
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5442
5492
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5443
5493
  padding-top: 0;
@@ -5486,7 +5536,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5486
5536
  box-shadow: 0 0 0 1px #969696 inset;
5487
5537
  }
5488
5538
 
5489
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
5539
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
5540
+ color: #fff;
5541
+ }
5542
+
5543
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
5544
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
5490
5545
  color: #fff;
5491
5546
  }
5492
5547
 
@@ -222,6 +222,17 @@
222
222
  padding: 6px;
223
223
  }
224
224
 
225
+ .e-bigger .e-pager .e-pp,
226
+ .e-bigger .e-pager .e-np,
227
+ .e-bigger .e-pager .e-pp:hover,
228
+ .e-bigger .e-pager .e-np:hover,
229
+ .e-pager.e-bigger .e-pp,
230
+ .e-pager.e-bigger .e-np,
231
+ .e-pager.e-bigger .e-pp:hover,
232
+ .e-pager.e-bigger .e-np:hover {
233
+ font-size: 22px;
234
+ }
235
+
225
236
  .e-pager {
226
237
  border-style: solid;
227
238
  border-width: 1px;
@@ -641,14 +652,19 @@
641
652
  }
642
653
  }
643
654
 
644
- .e-pager.sf-pager .e-last,
645
- .e-pager.sf-pager .e-mnext,
646
- .e-pager.sf-pager .e-mlast {
647
- margin-left: -4px;
655
+ .e-pager.sf-pager .e-pagercontainer .e-first,
656
+ .e-pager.sf-pager .e-pagercontainer .e-prev,
657
+ .e-pager.sf-pager .e-pagercontainer .e-next,
658
+ .e-pager.sf-pager .e-pagercontainer .e-last {
659
+ font-size: 9px;
660
+ }
661
+
662
+ .e-pager.sf-pager .e-numericcontainer a {
663
+ font-size: 13px;
648
664
  }
649
665
 
650
- .e-pager.sf-pager .e-prev {
651
- margin-left: -3px;
666
+ .e-pager.sf-pager .e-pagercontainer {
667
+ font-size: 0;
652
668
  }
653
669
 
654
670
  .e-pager.sf-pager .e-link,
@@ -1158,8 +1174,8 @@
1158
1174
  line-height: 48px;
1159
1175
  }
1160
1176
 
1161
- .e-bigger .e-excelfilter .e-dlg-content,
1162
- .e-excelfilter.e-bigger .e-dlg-content {
1177
+ .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1178
+ .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1163
1179
  padding-left: 11px;
1164
1180
  }
1165
1181
 
@@ -1312,7 +1328,7 @@
1312
1328
  user-select: none;
1313
1329
  }
1314
1330
 
1315
- .e-excelfilter .e-dlg-content {
1331
+ .e-excelfilter.e-dialog .e-dlg-content {
1316
1332
  padding-left: 9px;
1317
1333
  }
1318
1334
 
@@ -1680,6 +1696,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1680
1696
  font-size: 13px;
1681
1697
  }
1682
1698
 
1699
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
1700
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1701
+ font-size: 10px;
1702
+ }
1703
+
1704
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
1705
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
1706
+ font-size: 10px;
1707
+ }
1708
+
1683
1709
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
1684
1710
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1685
1711
  padding-bottom: 8px;
@@ -2692,7 +2718,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2692
2718
 
2693
2719
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2694
2720
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2695
- right: -1px;
2721
+ right: 0;
2696
2722
  }
2697
2723
 
2698
2724
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -5174,6 +5200,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5174
5200
  position: initial;
5175
5201
  }
5176
5202
 
5203
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
5204
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
5205
+ background-color: transparent;
5206
+ }
5207
+
5177
5208
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
5178
5209
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
5179
5210
  color: #fff;
@@ -5471,6 +5502,25 @@ li.e-separator.e-menu-item.e-excel-separator {
5471
5502
  background-color: transparent;
5472
5503
  }
5473
5504
 
5505
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
5506
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5507
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5508
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
5509
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5510
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5511
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
5512
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5513
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5514
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
5515
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5516
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5517
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5518
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5519
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5520
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
5521
+ padding-right: 10px;
5522
+ }
5523
+
5474
5524
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5475
5525
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5476
5526
  padding-top: 0;
@@ -5519,7 +5569,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5519
5569
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
5520
5570
  }
5521
5571
 
5522
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
5572
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
5573
+ color: rgba(255, 255, 255, 0.7);
5574
+ }
5575
+
5576
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
5577
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
5523
5578
  color: rgba(255, 255, 255, 0.7);
5524
5579
  }
5525
5580