@syncfusion/ej2-angular-grids 19.3.56 → 19.4.41

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 +44 -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 +68 -12
  10. package/styles/bootstrap.css +68 -12
  11. package/styles/bootstrap4.css +68 -12
  12. package/styles/bootstrap5-dark.css +70 -14
  13. package/styles/bootstrap5.css +70 -14
  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 -4
  18. package/styles/excel-filter/bootstrap5.css +3 -4
  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 +73 -17
  28. package/styles/fabric.css +68 -12
  29. package/styles/grid/bootstrap-dark.css +43 -3
  30. package/styles/grid/bootstrap.css +43 -3
  31. package/styles/grid/bootstrap4.css +43 -3
  32. package/styles/grid/bootstrap5-dark.css +44 -4
  33. package/styles/grid/bootstrap5.css +44 -4
  34. package/styles/grid/fabric-dark.css +48 -8
  35. package/styles/grid/fabric.css +43 -3
  36. package/styles/grid/highcontrast-light.css +47 -7
  37. package/styles/grid/highcontrast.css +47 -7
  38. package/styles/grid/material-dark.css +43 -3
  39. package/styles/grid/material.css +43 -3
  40. package/styles/grid/tailwind-dark.css +46 -6
  41. package/styles/grid/tailwind.css +46 -6
  42. package/styles/highcontrast-light.css +72 -16
  43. package/styles/highcontrast.css +72 -16
  44. package/styles/material-dark.css +68 -12
  45. package/styles/material.css +68 -12
  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 +72 -16
  60. package/styles/tailwind.css +72 -16
@@ -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,
@@ -1132,8 +1148,8 @@
1132
1148
  line-height: 48px;
1133
1149
  }
1134
1150
 
1135
- .e-bigger .e-excelfilter .e-dlg-content,
1136
- .e-excelfilter.e-bigger .e-dlg-content {
1151
+ .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1152
+ .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1137
1153
  padding-left: 19.25px;
1138
1154
  }
1139
1155
 
@@ -1286,7 +1302,7 @@
1286
1302
  user-select: none;
1287
1303
  }
1288
1304
 
1289
- .e-excelfilter .e-dlg-content {
1305
+ .e-excelfilter.e-dialog .e-dlg-content {
1290
1306
  padding-left: 18px;
1291
1307
  }
1292
1308
 
@@ -1637,6 +1653,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1637
1653
  font-size: 14px;
1638
1654
  }
1639
1655
 
1656
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
1657
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1658
+ font-size: 10px;
1659
+ }
1660
+
1661
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
1662
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
1663
+ font-size: 10px;
1664
+ }
1665
+
1640
1666
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
1641
1667
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1642
1668
  padding-bottom: 5px;
@@ -1892,7 +1918,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1892
1918
  font-size: 9px;
1893
1919
  height: 15px;
1894
1920
  line-height: 15px;
1895
- margin: 9px 25px 0 2px;
1921
+ margin: 9px 5px 0 2px;
1896
1922
  text-align: center;
1897
1923
  width: 15px;
1898
1924
  }
@@ -2649,7 +2675,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2649
2675
 
2650
2676
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2651
2677
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2652
- right: -1px;
2678
+ right: 0;
2653
2679
  }
2654
2680
 
2655
2681
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3136,13 +3162,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3136
3162
  }
3137
3163
 
3138
3164
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3139
- margin: 0 20px 0 0;
3165
+ margin: 0 20px 0 -6px;
3140
3166
  }
3141
3167
 
3142
3168
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
3143
3169
  .e-grid .e-gridheader .e-stackedheadercelldiv,
3144
3170
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3145
- padding: 0 1px;
3171
+ padding: 0 20px 0 5px;
3146
3172
  }
3147
3173
 
3148
3174
  .e-grid .e-filtermenudiv {
@@ -3200,7 +3226,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3200
3226
  font-size: 9px;
3201
3227
  height: 15px;
3202
3228
  line-height: 15px;
3203
- margin: 9px 25px 0 2px;
3229
+ margin: 9px 5px 0 2px;
3204
3230
  text-align: center;
3205
3231
  width: 15px;
3206
3232
  }
@@ -3211,7 +3237,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3211
3237
  }
3212
3238
 
3213
3239
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
3214
- margin: -20px 30px 0 0;
3240
+ margin: -20px 20px 0 0;
3215
3241
  }
3216
3242
 
3217
3243
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -3602,7 +3628,8 @@ li.e-separator.e-menu-item.e-excel-separator {
3602
3628
  opacity: .95;
3603
3629
  }
3604
3630
 
3605
- .e-grid.e-default .e-gridheader th.e-firstcell {
3631
+ .e-grid.e-default .e-gridheader th.e-firstcell,
3632
+ .e-grid.e-default .e-gridheader th.e-lastcell {
3606
3633
  border-left-style: solid;
3607
3634
  border-left-width: 1px;
3608
3635
  }
@@ -5131,6 +5158,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5131
5158
  position: initial;
5132
5159
  }
5133
5160
 
5161
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
5162
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
5163
+ background-color: transparent;
5164
+ }
5165
+
5134
5166
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
5135
5167
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
5136
5168
  color: #dadada;
@@ -5428,6 +5460,25 @@ li.e-separator.e-menu-item.e-excel-separator {
5428
5460
  background-color: transparent;
5429
5461
  }
5430
5462
 
5463
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
5464
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5465
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5466
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
5467
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5468
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5469
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
5470
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5471
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5472
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
5473
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5474
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5475
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5476
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5477
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5478
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
5479
+ padding-right: 10px;
5480
+ }
5481
+
5431
5482
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5432
5483
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5433
5484
  padding-top: 0;
@@ -5476,7 +5527,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5476
5527
  box-shadow: 0 0 0 1px #dadada inset;
5477
5528
  }
5478
5529
 
5479
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
5530
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
5531
+ color: #dadada;
5532
+ }
5533
+
5534
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
5535
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
5480
5536
  color: #dadada;
5481
5537
  }
5482
5538
 
package/styles/fabric.css CHANGED
@@ -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,
@@ -1125,8 +1141,8 @@
1125
1141
  line-height: 48px;
1126
1142
  }
1127
1143
 
1128
- .e-bigger .e-excelfilter .e-dlg-content,
1129
- .e-excelfilter.e-bigger .e-dlg-content {
1144
+ .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1145
+ .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1130
1146
  padding-left: 19.25px;
1131
1147
  }
1132
1148
 
@@ -1279,7 +1295,7 @@
1279
1295
  user-select: none;
1280
1296
  }
1281
1297
 
1282
- .e-excelfilter .e-dlg-content {
1298
+ .e-excelfilter.e-dialog .e-dlg-content {
1283
1299
  padding-left: 18px;
1284
1300
  }
1285
1301
 
@@ -1630,6 +1646,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1630
1646
  font-size: 14px;
1631
1647
  }
1632
1648
 
1649
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
1650
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1651
+ font-size: 10px;
1652
+ }
1653
+
1654
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
1655
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
1656
+ font-size: 10px;
1657
+ }
1658
+
1633
1659
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
1634
1660
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1635
1661
  padding-bottom: 5px;
@@ -2642,7 +2668,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2642
2668
 
2643
2669
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2644
2670
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2645
- right: -1px;
2671
+ right: 0;
2646
2672
  }
2647
2673
 
2648
2674
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3595,7 +3621,8 @@ li.e-separator.e-menu-item.e-excel-separator {
3595
3621
  opacity: .95;
3596
3622
  }
3597
3623
 
3598
- .e-grid.e-default .e-gridheader th.e-firstcell {
3624
+ .e-grid.e-default .e-gridheader th.e-firstcell,
3625
+ .e-grid.e-default .e-gridheader th.e-lastcell {
3599
3626
  border-left-style: solid;
3600
3627
  border-left-width: 1px;
3601
3628
  }
@@ -5124,6 +5151,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5124
5151
  position: initial;
5125
5152
  }
5126
5153
 
5154
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
5155
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
5156
+ background-color: transparent;
5157
+ }
5158
+
5127
5159
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
5128
5160
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
5129
5161
  color: #333;
@@ -5421,6 +5453,25 @@ li.e-separator.e-menu-item.e-excel-separator {
5421
5453
  background-color: transparent;
5422
5454
  }
5423
5455
 
5456
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
5457
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5458
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5459
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
5460
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5461
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5462
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
5463
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
5464
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
5465
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
5466
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5467
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5468
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5469
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
5470
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
5471
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
5472
+ padding-right: 10px;
5473
+ }
5474
+
5424
5475
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5425
5476
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5426
5477
  padding-top: 0;
@@ -5469,7 +5520,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5469
5520
  box-shadow: 0 0 0 1px #666 inset;
5470
5521
  }
5471
5522
 
5472
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
5523
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
5524
+ color: #333;
5525
+ }
5526
+
5527
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
5528
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
5473
5529
  color: #333;
5474
5530
  }
5475
5531
 
@@ -410,6 +410,16 @@
410
410
  font-size: 14px;
411
411
  }
412
412
 
413
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
414
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
415
+ font-size: 10px;
416
+ }
417
+
418
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
419
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
420
+ font-size: 10px;
421
+ }
422
+
413
423
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
414
424
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
415
425
  padding-bottom: 5px;
@@ -1422,7 +1432,7 @@
1422
1432
 
1423
1433
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1424
1434
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1425
- right: -1px;
1435
+ right: 0;
1426
1436
  }
1427
1437
 
1428
1438
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -2375,7 +2385,8 @@
2375
2385
  opacity: .95;
2376
2386
  }
2377
2387
 
2378
- .e-grid.e-default .e-gridheader th.e-firstcell {
2388
+ .e-grid.e-default .e-gridheader th.e-firstcell,
2389
+ .e-grid.e-default .e-gridheader th.e-lastcell {
2379
2390
  border-left-style: solid;
2380
2391
  border-left-width: 1px;
2381
2392
  }
@@ -3904,6 +3915,11 @@
3904
3915
  position: initial;
3905
3916
  }
3906
3917
 
3918
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
3919
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3920
+ background-color: transparent;
3921
+ }
3922
+
3907
3923
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
3908
3924
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
3909
3925
  color: #fff;
@@ -4201,6 +4217,25 @@
4201
4217
  background-color: transparent;
4202
4218
  }
4203
4219
 
4220
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
4221
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4222
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4223
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
4224
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4225
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4226
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
4227
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4228
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4229
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
4230
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4231
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4232
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4233
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4234
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4235
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
4236
+ padding-right: 10px;
4237
+ }
4238
+
4204
4239
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4205
4240
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4206
4241
  padding-top: 0;
@@ -4249,7 +4284,12 @@
4249
4284
  box-shadow: 0 0 0 1px #248aff inset;
4250
4285
  }
4251
4286
 
4252
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
4287
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
4288
+ color: #f0f0f0;
4289
+ }
4290
+
4291
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
4292
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
4253
4293
  color: #f0f0f0;
4254
4294
  }
4255
4295
 
@@ -411,6 +411,16 @@
411
411
  font-size: 14px;
412
412
  }
413
413
 
414
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
415
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
416
+ font-size: 10px;
417
+ }
418
+
419
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
420
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
421
+ font-size: 10px;
422
+ }
423
+
414
424
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
415
425
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
416
426
  padding-bottom: 5px;
@@ -1423,7 +1433,7 @@
1423
1433
 
1424
1434
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1425
1435
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1426
- right: -1px;
1436
+ right: 0;
1427
1437
  }
1428
1438
 
1429
1439
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -2376,7 +2386,8 @@
2376
2386
  opacity: .95;
2377
2387
  }
2378
2388
 
2379
- .e-grid.e-default .e-gridheader th.e-firstcell {
2389
+ .e-grid.e-default .e-gridheader th.e-firstcell,
2390
+ .e-grid.e-default .e-gridheader th.e-lastcell {
2380
2391
  border-left-style: solid;
2381
2392
  border-left-width: 1px;
2382
2393
  }
@@ -3905,6 +3916,11 @@
3905
3916
  position: initial;
3906
3917
  }
3907
3918
 
3919
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
3920
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3921
+ background-color: transparent;
3922
+ }
3923
+
3908
3924
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
3909
3925
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
3910
3926
  color: #333;
@@ -4202,6 +4218,25 @@
4202
4218
  background-color: transparent;
4203
4219
  }
4204
4220
 
4221
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
4222
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4223
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4224
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
4225
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4226
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4227
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
4228
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4229
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4230
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
4231
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4232
+ .e-bigger .e-responsive-dialog .e-editedrow .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-insertedrow .e-defaultcell.e-ralign:focus
4236
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
4237
+ padding-right: 10px;
4238
+ }
4239
+
4205
4240
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4206
4241
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4207
4242
  padding-top: 0;
@@ -4250,7 +4285,12 @@
4250
4285
  box-shadow: 0 0 0 1px #66afe9 inset;
4251
4286
  }
4252
4287
 
4253
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
4288
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
4289
+ color: #333;
4290
+ }
4291
+
4292
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
4293
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
4254
4294
  color: #333;
4255
4295
  }
4256
4296
 
@@ -451,6 +451,16 @@
451
451
  font-size: 16px;
452
452
  }
453
453
 
454
+ .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
455
+ .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
456
+ font-size: 14px;
457
+ }
458
+
459
+ .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
460
+ .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
461
+ font-size: 14px;
462
+ }
463
+
454
464
  .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
455
465
  .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
456
466
  padding-bottom: 5px;
@@ -1463,7 +1473,7 @@
1463
1473
 
1464
1474
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1465
1475
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1466
- right: -1px;
1476
+ right: 0;
1467
1477
  }
1468
1478
 
1469
1479
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -2416,7 +2426,8 @@
2416
2426
  opacity: .95;
2417
2427
  }
2418
2428
 
2419
- .e-grid.e-default .e-gridheader th.e-firstcell {
2429
+ .e-grid.e-default .e-gridheader th.e-firstcell,
2430
+ .e-grid.e-default .e-gridheader th.e-lastcell {
2420
2431
  border-left-style: solid;
2421
2432
  border-left-width: 1px;
2422
2433
  }
@@ -3945,6 +3956,11 @@
3945
3956
  position: initial;
3946
3957
  }
3947
3958
 
3959
+ .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
3960
+ .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3961
+ background-color: transparent;
3962
+ }
3963
+
3948
3964
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon,
3949
3965
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
3950
3966
  color: #495057;
@@ -4242,6 +4258,25 @@
4242
4258
  background-color: transparent;
4243
4259
  }
4244
4260
 
4261
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign,
4262
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4263
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4264
+ .e-bigger .e-responsive-dialog .e-defaultcell.e-ralign:focus,
4265
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4266
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4267
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign,
4268
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign,
4269
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign,
4270
+ .e-bigger.e-responsive-dialog .e-defaultcell.e-ralign:focus,
4271
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4272
+ .e-bigger .e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4273
+ .e-bigger .e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4274
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus,
4275
+ .e-bigger.e-responsive-dialog .e-insertedrow .e-defaultcell.e-ralign:focus
4276
+ .e-bigger.e-responsive-dialog .e-editedrow .e-defaultcell.e-ralign:focus {
4277
+ padding-right: 10px;
4278
+ }
4279
+
4245
4280
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4246
4281
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4247
4282
  padding-top: 0;
@@ -4290,7 +4325,12 @@
4290
4325
  box-shadow: 0 0 0 1px #66afe9 inset;
4291
4326
  }
4292
4327
 
4293
- .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
4328
+ .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
4329
+ color: #495057;
4330
+ }
4331
+
4332
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
4333
+ .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
4294
4334
  color: #495057;
4295
4335
  }
4296
4336