@syncfusion/ej2-react-grids 19.2.57 → 19.3.43

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 (63) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +265 -69
  5. package/styles/bootstrap.css +263 -67
  6. package/styles/bootstrap4.css +248 -52
  7. package/styles/bootstrap5-dark.css +6088 -0
  8. package/styles/bootstrap5-dark.scss +3 -0
  9. package/styles/bootstrap5.css +6088 -0
  10. package/styles/bootstrap5.scss +3 -0
  11. package/styles/excel-filter/bootstrap-dark.css +15 -3
  12. package/styles/excel-filter/bootstrap.css +14 -2
  13. package/styles/excel-filter/bootstrap4.css +15 -3
  14. package/styles/excel-filter/bootstrap5-dark.css +618 -0
  15. package/styles/excel-filter/bootstrap5-dark.scss +1 -0
  16. package/styles/excel-filter/bootstrap5.css +618 -0
  17. package/styles/excel-filter/bootstrap5.scss +1 -0
  18. package/styles/excel-filter/fabric-dark.css +14 -2
  19. package/styles/excel-filter/fabric.css +13 -1
  20. package/styles/excel-filter/highcontrast-light.css +14 -2
  21. package/styles/excel-filter/highcontrast.css +13 -1
  22. package/styles/excel-filter/material-dark.css +17 -5
  23. package/styles/excel-filter/material.css +13 -1
  24. package/styles/excel-filter/tailwind-dark.css +21 -5
  25. package/styles/excel-filter/tailwind.css +21 -5
  26. package/styles/fabric-dark.css +233 -37
  27. package/styles/fabric.css +226 -30
  28. package/styles/grid/bootstrap-dark.css +239 -56
  29. package/styles/grid/bootstrap.css +237 -54
  30. package/styles/grid/bootstrap4.css +227 -44
  31. package/styles/grid/bootstrap5-dark.css +4831 -0
  32. package/styles/grid/bootstrap5-dark.scss +1 -0
  33. package/styles/grid/bootstrap5.css +4831 -0
  34. package/styles/grid/bootstrap5.scss +1 -0
  35. package/styles/grid/fabric-dark.css +212 -29
  36. package/styles/grid/fabric.css +212 -29
  37. package/styles/grid/highcontrast-light.css +215 -32
  38. package/styles/grid/highcontrast.css +215 -32
  39. package/styles/grid/material-dark.css +225 -42
  40. package/styles/grid/material.css +208 -25
  41. package/styles/grid/tailwind-dark.css +244 -61
  42. package/styles/grid/tailwind.css +242 -59
  43. package/styles/highcontrast-light.css +230 -34
  44. package/styles/highcontrast.css +231 -35
  45. package/styles/material-dark.css +245 -49
  46. package/styles/material.css +224 -28
  47. package/styles/pager/bootstrap-dark.css +11 -10
  48. package/styles/pager/bootstrap.css +12 -11
  49. package/styles/pager/bootstrap4.css +6 -5
  50. package/styles/pager/bootstrap5-dark.css +779 -0
  51. package/styles/pager/bootstrap5-dark.scss +1 -0
  52. package/styles/pager/bootstrap5.css +779 -0
  53. package/styles/pager/bootstrap5.scss +1 -0
  54. package/styles/pager/fabric-dark.css +7 -6
  55. package/styles/pager/fabric.css +1 -0
  56. package/styles/pager/highcontrast-light.css +1 -0
  57. package/styles/pager/highcontrast.css +3 -2
  58. package/styles/pager/material-dark.css +4 -3
  59. package/styles/pager/material.css +3 -2
  60. package/styles/pager/tailwind-dark.css +8 -7
  61. package/styles/pager/tailwind.css +8 -7
  62. package/styles/tailwind-dark.css +273 -73
  63. package/styles/tailwind.css +271 -71
@@ -187,6 +187,7 @@
187
187
  .e-pager.e-bigger.e-rtl .e-np,
188
188
  .e-pager.e-bigger.e-rtl .e-pp:hover,
189
189
  .e-pager.e-bigger.e-rtl .e-np:hover {
190
+ font-size: 20px;
190
191
  margin-top: -10px;
191
192
  }
192
193
 
@@ -410,7 +411,7 @@
410
411
  .e-pager .e-mprev,
411
412
  .e-pager .e-mnext,
412
413
  .e-pager .e-mlast {
413
- -webkit-tap-highlight-color: #0074cc;
414
+ -webkit-tap-highlight-color: #201f1f;
414
415
  }
415
416
 
416
417
  .e-pager .e-pp,
@@ -656,7 +657,7 @@
656
657
 
657
658
  /*! Pager theme */
658
659
  .e-pager {
659
- background-color: #0074cc;
660
+ background-color: #201f1f;
660
661
  border-color: #414040;
661
662
  color: #dadada;
662
663
  opacity: 1;
@@ -704,7 +705,7 @@
704
705
  }
705
706
 
706
707
  .e-pager .e-numericitem {
707
- background: #0074cc;
708
+ background: #201f1f;
708
709
  border-right-color: #414040;
709
710
  color: #dadada;
710
711
  }
@@ -717,7 +718,7 @@
717
718
  .e-pager .e-lastpage,
718
719
  .e-pager .e-firstpage,
719
720
  .e-pager .e-firstpagedisabled {
720
- background-color: #0074cc;
721
+ background-color: #201f1f;
721
722
  color: #dadada;
722
723
  }
723
724
 
@@ -727,7 +728,7 @@
727
728
  }
728
729
 
729
730
  .e-pager .e-pagercontainer {
730
- background-color: #0074cc;
731
+ background-color: #201f1f;
731
732
  border-color: #414040;
732
733
  }
733
734
 
@@ -751,7 +752,7 @@
751
752
 
752
753
  @media (max-width: 590px) {
753
754
  .e-pager .e-pager-default:hover {
754
- background: #0074cc;
755
+ background: #201f1f;
755
756
  color: #dadada;
756
757
  opacity: 1;
757
758
  }
@@ -993,9 +994,14 @@
993
994
  }
994
995
 
995
996
  .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
997
+ margin-bottom: 1px;
996
998
  margin-left: 6px;
997
999
  }
998
1000
 
1001
+ .e-xlflmenu .e-checkbox-wrapper .e-frame {
1002
+ margin-bottom: 1px;
1003
+ }
1004
+
999
1005
  .e-xlflmenu .e-dlg-content {
1000
1006
  padding-bottom: 5px;
1001
1007
  }
@@ -1018,8 +1024,9 @@
1018
1024
  opacity: 0;
1019
1025
  }
1020
1026
 
1021
- .e-xlflmenu.e-rtl .e-xlfl-optr :first-child {
1027
+ .e-xlflmenu.e-rtl .e-xlfl-optr {
1022
1028
  padding-left: 12px;
1029
+ padding-right: 0;
1023
1030
  }
1024
1031
 
1025
1032
  .e-xlflmenu.e-rtl .e-radio + label .e-label {
@@ -1032,6 +1039,11 @@
1032
1039
  margin-right: 13px;
1033
1040
  }
1034
1041
 
1042
+ .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
1043
+ padding-left: 0;
1044
+ padding-right: 25px;
1045
+ }
1046
+
1035
1047
  .e-bigger .e-xlflmenu {
1036
1048
  min-height: 372px;
1037
1049
  }
@@ -1200,6 +1212,7 @@
1200
1212
  .e-excelfilter .e-contextmenu-wrapper ul,
1201
1213
  .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
1202
1214
  border: 0;
1215
+ border-radius: 0;
1203
1216
  box-shadow: none;
1204
1217
  max-width: 300px;
1205
1218
  padding-bottom: 4px;
@@ -1216,7 +1229,7 @@
1216
1229
  }
1217
1230
 
1218
1231
  .e-excelfilter .e-dlg-content {
1219
- background-color: #201f1f;
1232
+ background-color: #282727;
1220
1233
  padding-top: 0;
1221
1234
  }
1222
1235
 
@@ -1400,7 +1413,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1400
1413
  }
1401
1414
 
1402
1415
  .e-grid .e-icon-filter::before,
1403
- .e-grid-menu .e-icon-filter::before {
1416
+ .e-grid .e-icon-filter.e-filtered::before,
1417
+ .e-grid-menu .e-icon-filter::before,
1418
+ .e-grid-menu .e-icon-filter.e-filtered::before {
1404
1419
  content: '\e21c';
1405
1420
  }
1406
1421
 
@@ -1490,7 +1505,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1490
1505
  }
1491
1506
 
1492
1507
  .e-grid .e-columnmenu::before,
1493
- .e-grid-menu .e-columnmenu::before {
1508
+ .e-grid .e-columnmenu.e-filtered::before,
1509
+ .e-grid-menu .e-columnmenu::before,
1510
+ .e-grid-menu .e-columnmenu.e-filtered::before {
1494
1511
  content: '\e984';
1495
1512
  }
1496
1513
 
@@ -1713,8 +1730,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1713
1730
 
1714
1731
  .e-bigger .e-grid .e-rowcell,
1715
1732
  .e-bigger .e-grid .e-summarycell,
1733
+ .e-bigger .e-grid .e-groupcaption,
1716
1734
  .e-grid.e-bigger .e-rowcell,
1717
- .e-grid.e-bigger .e-summarycell {
1735
+ .e-grid.e-bigger .e-summarycell,
1736
+ .e-grid.e-bigger .e-groupcaption {
1718
1737
  font-size: 14px;
1719
1738
  padding: 9px 10px;
1720
1739
  }
@@ -1754,7 +1773,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1754
1773
 
1755
1774
  .e-bigger .e-grid .e-columnmenu,
1756
1775
  .e-grid.e-bigger .e-columnmenu {
1757
- bottom: 10px;
1776
+ bottom: 35px;
1758
1777
  }
1759
1778
 
1760
1779
  .e-bigger .e-grid.e-device.e-noselect,
@@ -1804,7 +1823,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1804
1823
 
1805
1824
  .e-bigger .e-grid .e-filtermenudiv,
1806
1825
  .e-grid.e-bigger .e-filtermenudiv {
1807
- margin: -26px -7px;
1826
+ margin: -24px -7px;
1808
1827
  }
1809
1828
 
1810
1829
  .e-bigger .e-grid .e-sortfilterdiv,
@@ -1956,6 +1975,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1956
1975
  padding: 4px 5px;
1957
1976
  }
1958
1977
 
1978
+ .e-bigger .e-grid .e-cloneproperties.e-draganddrop,
1979
+ .e-grid.e-bigger .e-cloneproperties.e-draganddrop {
1980
+ padding: 4px 5px;
1981
+ }
1982
+
1959
1983
  .e-bigger .e-grid .e-headerclone,
1960
1984
  .e-grid.e-bigger .e-headerclone {
1961
1985
  font-size: 14px;
@@ -1963,7 +1987,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1963
1987
 
1964
1988
  .e-bigger .e-grid .e-groupdroparea.e-grouped,
1965
1989
  .e-grid.e-bigger .e-groupdroparea.e-grouped {
1966
- padding: 11px 0 12px;
1990
+ padding: 11px 11px 12px;
1967
1991
  }
1968
1992
 
1969
1993
  .e-bigger .e-grid .e-frozenheader table tr td.e-rowcell,
@@ -1992,7 +2016,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1992
2016
 
1993
2017
  .e-bigger .e-grid .e-columnmenu,
1994
2018
  .e-grid.e-bigger .e-columnmenu {
1995
- right: 10px;
2019
+ right: 23px;
1996
2020
  }
1997
2021
 
1998
2022
  .e-bigger .e-grid .e-groupheadercell,
@@ -2001,7 +2025,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2001
2025
  .e-grid.e-bigger .e-groupheadercell:hover {
2002
2026
  border-radius: 0;
2003
2027
  height: 33px;
2004
- margin: 10px 0 0 10px;
2028
+ margin: 9px 0 0 10px;
2005
2029
  padding: 0 10px;
2006
2030
  font-size: 14px;
2007
2031
  }
@@ -2374,6 +2398,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2374
2398
  border-left: 0;
2375
2399
  border-right: 0;
2376
2400
  border-top: 1px solid #414040;
2401
+ border-radius: 0;
2377
2402
  }
2378
2403
 
2379
2404
  .e-grid .e-res-toolbar {
@@ -2385,6 +2410,15 @@ li.e-separator.e-menu-item.e-excel-separator {
2385
2410
  min-height: initial;
2386
2411
  }
2387
2412
 
2413
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover,
2414
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active,
2415
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus,
2416
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover,
2417
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active,
2418
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
2419
+ background: none;
2420
+ }
2421
+
2388
2422
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
2389
2423
  color: #dadada;
2390
2424
  }
@@ -2541,11 +2575,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2541
2575
  }
2542
2576
 
2543
2577
  .e-grid .e-groupdroparea.e-grouped {
2544
- padding: 8px 0 5px;
2578
+ padding: 8px 8px 5px;
2545
2579
  }
2546
2580
 
2547
2581
  .e-grid .e-groupdroparea.e-grouped {
2548
- padding: 8px 0 5px;
2582
+ padding: 8px 8px 5px;
2549
2583
  }
2550
2584
 
2551
2585
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
@@ -2613,6 +2647,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2613
2647
  width: 4px;
2614
2648
  }
2615
2649
 
2650
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2651
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2652
+ right: -1px;
2653
+ }
2654
+
2616
2655
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
2617
2656
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
2618
2657
  left: 0;
@@ -3222,6 +3261,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3222
3261
  box-sizing: border-box;
3223
3262
  }
3224
3263
 
3264
+ .e-grid .e-rowdragdropcell {
3265
+ border-style: solid;
3266
+ border-width: 1px 0 0;
3267
+ }
3268
+
3225
3269
  .e-grid .e-detailrowcollapse,
3226
3270
  .e-grid .e-detailrowexpand {
3227
3271
  border-style: solid;
@@ -3348,7 +3392,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3348
3392
  .e-grid.e-rtl .e-searchclear {
3349
3393
  float: left;
3350
3394
  position: relative;
3351
- top: 10px;
3352
3395
  }
3353
3396
 
3354
3397
  .e-grid .e-checkboxlist {
@@ -3358,6 +3401,16 @@ li.e-separator.e-menu-item.e-excel-separator {
3358
3401
  overflow-y: auto;
3359
3402
  }
3360
3403
 
3404
+ .e-grid .e-checkfltrnmdiv {
3405
+ height: 60px;
3406
+ padding: 23px;
3407
+ text-align: center;
3408
+ }
3409
+
3410
+ .e-grid .e-checkboxlist > span {
3411
+ padding-left: 7px;
3412
+ }
3413
+
3361
3414
  .e-grid .e-chk-hidden {
3362
3415
  -moz-appearance: none;
3363
3416
  height: 1px;
@@ -3384,6 +3437,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3384
3437
  min-width: 250px;
3385
3438
  }
3386
3439
 
3440
+ .e-grid .e-dialog.e-checkboxfilter .e-dlg-content,
3441
+ .e-grid .e-dialog.e-flmenu .e-dlg-content {
3442
+ border-radius: 0;
3443
+ }
3444
+
3387
3445
  .e-grid .e-dialog.e-checkboxfilter {
3388
3446
  min-height: 348px;
3389
3447
  }
@@ -3562,7 +3620,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3562
3620
 
3563
3621
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3564
3622
  .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3565
- font-size: 7px;
3623
+ font-size: 8px;
3566
3624
  margin-left: 0;
3567
3625
  margin-top: 0;
3568
3626
  position: absolute;
@@ -3800,6 +3858,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3800
3858
  line-height: 3;
3801
3859
  }
3802
3860
 
3861
+ .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
3862
+ margin-top: 3px;
3863
+ }
3864
+
3803
3865
  .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
3804
3866
  margin-top: -2px;
3805
3867
  padding: 2px 0 0;
@@ -4299,6 +4361,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4299
4361
 
4300
4362
  .e-grid.e-rtl .e-groupheadercell span {
4301
4363
  float: right;
4364
+ padding: 0;
4302
4365
  }
4303
4366
 
4304
4367
  .e-grid.e-rtl.e-horizontallines .e-grouptopleftcell {
@@ -4739,6 +4802,35 @@ li.e-separator.e-menu-item.e-excel-separator {
4739
4802
  white-space: nowrap;
4740
4803
  }
4741
4804
 
4805
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
4806
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
4807
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
4808
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
4809
+ font-size: 8px;
4810
+ margin-top: 0;
4811
+ }
4812
+
4813
+ .e-bigger .e-grid .e-gridheader thead .e-icons,
4814
+ .e-bigger.e-grid .e-gridheader thead .e-icons {
4815
+ font-size: 14px;
4816
+ }
4817
+
4818
+ .e-bigger .e-grid .e-ccdlg .e-cc-searchdiv,
4819
+ .e-bigger.e-grid .e-ccdlg .e-cc-searchdiv {
4820
+ padding-left: 0;
4821
+ padding-right: 7px;
4822
+ }
4823
+
4824
+ .e-bigger .e-grid.e-rtl .e-columnmenu,
4825
+ .e-bigger.e-grid.e-rtl .e-columnmenu {
4826
+ margin: -17px -18px -18px 1px;
4827
+ }
4828
+
4829
+ .e-bigger .e-grid.e-rtl .e-groupheadercell span,
4830
+ .e-bigger.e-grid.e-rtl .e-groupheadercell span {
4831
+ padding: 0;
4832
+ }
4833
+
4742
4834
  .e-grid-min-height .e-rowcell {
4743
4835
  line-height: 0;
4744
4836
  padding-bottom: 0;
@@ -4865,6 +4957,29 @@ li.e-separator.e-menu-item.e-excel-separator {
4865
4957
  position: relative;
4866
4958
  }
4867
4959
 
4960
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
4961
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
4962
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
4963
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
4964
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
4965
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus {
4966
+ background: none;
4967
+ }
4968
+
4969
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
4970
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
4971
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons,
4972
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
4973
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
4974
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons {
4975
+ padding-bottom: 0;
4976
+ }
4977
+
4978
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-search-icon,
4979
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-search-icon {
4980
+ background: none;
4981
+ }
4982
+
4868
4983
  .e-bigger .e-grid.e-row-responsive .e-responsive-header,
4869
4984
  .e-bigger.e-grid.e-row-responsive .e-responsive-header {
4870
4985
  border-top: 1px solid;
@@ -4934,14 +5049,6 @@ li.e-separator.e-menu-item.e-excel-separator {
4934
5049
  height: auto;
4935
5050
  }
4936
5051
 
4937
- .e-bigger .e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
4938
- .e-bigger .e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type,
4939
- .e-bigger.e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
4940
- .e-bigger.e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type {
4941
- border-bottom: 1px solid;
4942
- border-bottom-color: #414040;
4943
- }
4944
-
4945
5052
  .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
4946
5053
  .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-emptyrow td.e-lastrowcell,
4947
5054
  .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
@@ -4997,6 +5104,11 @@ li.e-separator.e-menu-item.e-excel-separator {
4997
5104
  border: 0;
4998
5105
  }
4999
5106
 
5107
+ .e-bigger .e-responsive-dialog.e-customfilter .e-responsivecoldiv,
5108
+ .e-bigger.e-responsive-dialog.e-customfilter .e-responsivecoldiv {
5109
+ cursor: pointer;
5110
+ }
5111
+
5000
5112
  .e-bigger .e-responsive-dialog .e-btn.e-ripple,
5001
5113
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
5002
5114
  overflow: initial;
@@ -5107,12 +5219,23 @@ li.e-separator.e-menu-item.e-excel-separator {
5107
5219
  padding-left: 0;
5108
5220
  }
5109
5221
 
5222
+ .e-bigger .e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn,
5223
+ .e-bigger.e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn {
5224
+ padding-left: 15px;
5225
+ padding-right: 0;
5226
+ }
5227
+
5110
5228
  .e-bigger .e-responsive-dialog .e-dlg-content,
5111
5229
  .e-bigger.e-responsive-dialog .e-dlg-content {
5112
5230
  padding: 16px;
5113
5231
  padding-top: 0;
5114
5232
  }
5115
5233
 
5234
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
5235
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
5236
+ text-align: center;
5237
+ }
5238
+
5116
5239
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
5117
5240
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
5118
5241
  float: right;
@@ -5130,12 +5253,28 @@ li.e-separator.e-menu-item.e-excel-separator {
5130
5253
  box-shadow: none;
5131
5254
  }
5132
5255
 
5256
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter,
5257
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter {
5258
+ border: transparent;
5259
+ }
5260
+
5133
5261
  .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content,
5134
5262
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content {
5135
- padding: 0;
5263
+ background-color: #201f1f;
5264
+ padding: 8px;
5136
5265
  padding-right: 16px;
5137
5266
  }
5138
5267
 
5268
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span,
5269
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
5270
+ padding-left: 9px;
5271
+ }
5272
+
5273
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
5274
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
5275
+ border: transparent;
5276
+ }
5277
+
5139
5278
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content,
5140
5279
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content {
5141
5280
  padding: 16px;
@@ -5169,9 +5308,20 @@ li.e-separator.e-menu-item.e-excel-separator {
5169
5308
 
5170
5309
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul,
5171
5310
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul {
5311
+ background-color: #201f1f;
5172
5312
  max-width: 100%;
5173
5313
  }
5174
5314
 
5315
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li,
5316
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li {
5317
+ color: #dadada;
5318
+ }
5319
+
5320
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected,
5321
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected {
5322
+ background-color: #201f1f;
5323
+ }
5324
+
5175
5325
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu,
5176
5326
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu {
5177
5327
  padding: 0;
@@ -5180,6 +5330,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5180
5330
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon,
5181
5331
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon {
5182
5332
  margin-right: 4px;
5333
+ margin-left: 15px;
5183
5334
  }
5184
5335
 
5185
5336
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-caret,
@@ -5195,7 +5346,16 @@ li.e-separator.e-menu-item.e-excel-separator {
5195
5346
 
5196
5347
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox,
5197
5348
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
5198
- padding-left: 20px;
5349
+ padding-left: 10px;
5350
+ }
5351
+
5352
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
5353
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
5354
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
5355
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
5356
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
5357
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
5358
+ background: none;
5199
5359
  }
5200
5360
 
5201
5361
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -5247,7 +5407,10 @@ li.e-separator.e-menu-item.e-excel-separator {
5247
5407
 
5248
5408
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu,
5249
5409
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu {
5410
+ background-color: #201f1f;
5411
+ border: transparent;
5250
5412
  box-shadow: none;
5413
+ margin-top: 23px;
5251
5414
  max-width: 100%;
5252
5415
  min-width: 100%;
5253
5416
  overflow-y: auto;
@@ -5262,7 +5425,30 @@ li.e-separator.e-menu-item.e-excel-separator {
5262
5425
 
5263
5426
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused,
5264
5427
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused {
5265
- background-color: #201f1f;
5428
+ background-color: transparent;
5429
+ }
5430
+
5431
+ .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5432
+ .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5433
+ padding-top: 0;
5434
+ }
5435
+
5436
+ .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
5437
+ .e-bigger.e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn {
5438
+ float: right;
5439
+ padding-left: 40px;
5440
+ padding-right: 0;
5441
+ }
5442
+
5443
+ .e-bigger .e-responsive-dialog.e-rtl .e-res-apply-btn,
5444
+ .e-bigger.e-responsive-dialog.e-rtl .e-res-apply-btn {
5445
+ padding-left: 0;
5446
+ padding-right: 20px;
5447
+ }
5448
+
5449
+ .e-bigger .e-responsive-dialog.e-rtl .e-ressortbutton-parent,
5450
+ .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
5451
+ float: left;
5266
5452
  }
5267
5453
 
5268
5454
  /*! Grid theme */
@@ -5411,12 +5597,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5411
5597
  border-right-color: #414040;
5412
5598
  }
5413
5599
 
5414
- .e-grid .e-rowcell:not(.e-editedbatchcell),
5415
- .e-grid .e-detailrowcollapse:not(.e-editedbatchcell),
5416
- .e-grid .e-detailrowexpand:not(.e-editedbatchcell),
5417
- .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell),
5418
- .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell),
5419
- .e-grid .e-emptyrow:not(.e-editedbatchcell) {
5600
+ .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd),
5601
+ .e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd),
5602
+ .e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd),
5603
+ .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
5604
+ .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
5605
+ .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
5420
5606
  color: #dadada;
5421
5607
  }
5422
5608
 
@@ -5440,6 +5626,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5440
5626
  .e-grid .e-indentcell,
5441
5627
  .e-grid .e-recordplusexpand,
5442
5628
  .e-grid .e-recordpluscollapse,
5629
+ .e-grid .e-rowdragdropcell,
5443
5630
  .e-grid .e-detailrowcollapse,
5444
5631
  .e-grid .e-detailrowexpand,
5445
5632
  .e-grid .e-detailindentcell,
@@ -5811,3 +5998,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5811
5998
  .e-filterbardropdown:not(.e-rtl) {
5812
5999
  margin-right: 28px;
5813
6000
  }
6001
+
6002
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown {
6003
+ border: transparent;
6004
+ }
6005
+
6006
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown:active,
6007
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown.e-input-focus {
6008
+ box-shadow: none;
6009
+ }