@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
@@ -71,7 +71,7 @@
71
71
  .e-pager.e-bigger div.e-parentmsgbar {
72
72
  padding-bottom: 8px;
73
73
  padding-right: 13px;
74
- padding-top: 9px;
74
+ padding-top: 11px;
75
75
  }
76
76
 
77
77
  .e-bigger .e-pager .e-pagerdropdown,
@@ -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
 
@@ -238,7 +239,7 @@
238
239
  float: right;
239
240
  padding-bottom: 9px;
240
241
  padding-right: 10px;
241
- padding-top: 9px;
242
+ padding-top: 8px;
242
243
  }
243
244
 
244
245
  .e-pager .e-pagesizes {
@@ -1003,9 +1004,14 @@
1003
1004
  }
1004
1005
 
1005
1006
  .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
1007
+ margin-bottom: 1px;
1006
1008
  margin-left: 6px;
1007
1009
  }
1008
1010
 
1011
+ .e-xlflmenu .e-checkbox-wrapper .e-frame {
1012
+ margin-bottom: 1px;
1013
+ }
1014
+
1009
1015
  .e-xlflmenu .e-dlg-content {
1010
1016
  padding-bottom: 5px;
1011
1017
  }
@@ -1028,8 +1034,9 @@
1028
1034
  opacity: 0;
1029
1035
  }
1030
1036
 
1031
- .e-xlflmenu.e-rtl .e-xlfl-optr :first-child {
1037
+ .e-xlflmenu.e-rtl .e-xlfl-optr {
1032
1038
  padding-left: 12px;
1039
+ padding-right: 0;
1033
1040
  }
1034
1041
 
1035
1042
  .e-xlflmenu.e-rtl .e-radio + label .e-label {
@@ -1042,6 +1049,11 @@
1042
1049
  margin-right: 13px;
1043
1050
  }
1044
1051
 
1052
+ .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
1053
+ padding-left: 0;
1054
+ padding-right: 25px;
1055
+ }
1056
+
1045
1057
  .e-bigger .e-xlflmenu {
1046
1058
  min-height: 372px;
1047
1059
  }
@@ -1210,6 +1222,7 @@
1210
1222
  .e-excelfilter .e-contextmenu-wrapper ul,
1211
1223
  .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
1212
1224
  border: 0;
1225
+ border-radius: 0;
1213
1226
  box-shadow: none;
1214
1227
  max-width: 300px;
1215
1228
  padding-bottom: 4px;
@@ -1410,7 +1423,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1410
1423
  }
1411
1424
 
1412
1425
  .e-grid .e-icon-filter::before,
1413
- .e-grid-menu .e-icon-filter::before {
1426
+ .e-grid .e-icon-filter.e-filtered::before,
1427
+ .e-grid-menu .e-icon-filter::before,
1428
+ .e-grid-menu .e-icon-filter.e-filtered::before {
1414
1429
  content: '\e21c';
1415
1430
  }
1416
1431
 
@@ -1500,7 +1515,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1500
1515
  }
1501
1516
 
1502
1517
  .e-grid .e-columnmenu::before,
1503
- .e-grid-menu .e-columnmenu::before {
1518
+ .e-grid .e-columnmenu.e-filtered::before,
1519
+ .e-grid-menu .e-columnmenu::before,
1520
+ .e-grid-menu .e-columnmenu.e-filtered::before {
1504
1521
  content: '\e984';
1505
1522
  }
1506
1523
 
@@ -1723,8 +1740,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1723
1740
 
1724
1741
  .e-bigger .e-grid .e-rowcell,
1725
1742
  .e-bigger .e-grid .e-summarycell,
1743
+ .e-bigger .e-grid .e-groupcaption,
1726
1744
  .e-grid.e-bigger .e-rowcell,
1727
- .e-grid.e-bigger .e-summarycell {
1745
+ .e-grid.e-bigger .e-summarycell,
1746
+ .e-grid.e-bigger .e-groupcaption {
1728
1747
  font-size: 14px;
1729
1748
  padding: 9px 10px;
1730
1749
  }
@@ -1764,7 +1783,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1764
1783
 
1765
1784
  .e-bigger .e-grid .e-columnmenu,
1766
1785
  .e-grid.e-bigger .e-columnmenu {
1767
- bottom: 10px;
1786
+ bottom: 31px;
1768
1787
  }
1769
1788
 
1770
1789
  .e-bigger .e-grid.e-device.e-noselect,
@@ -1783,7 +1802,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1783
1802
 
1784
1803
  .e-bigger .e-grid .e-dialog.e-checkboxfilter,
1785
1804
  .e-grid.e-bigger .e-dialog.e-checkboxfilter {
1786
- min-height: 370px;
1805
+ min-height: 360px;
1787
1806
  }
1788
1807
 
1789
1808
  .e-bigger .e-grid .e-checkboxfilter .e-dlg-content,
@@ -1814,7 +1833,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1814
1833
 
1815
1834
  .e-bigger .e-grid .e-filtermenudiv,
1816
1835
  .e-grid.e-bigger .e-filtermenudiv {
1817
- margin: -26px -7px;
1836
+ margin: -23px -7px;
1818
1837
  }
1819
1838
 
1820
1839
  .e-bigger .e-grid .e-sortfilterdiv,
@@ -1966,6 +1985,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1966
1985
  padding: 4px 5px;
1967
1986
  }
1968
1987
 
1988
+ .e-bigger .e-grid .e-cloneproperties.e-draganddrop,
1989
+ .e-grid.e-bigger .e-cloneproperties.e-draganddrop {
1990
+ padding: 4px 5px;
1991
+ }
1992
+
1969
1993
  .e-bigger .e-grid .e-headerclone,
1970
1994
  .e-grid.e-bigger .e-headerclone {
1971
1995
  font-size: 14px;
@@ -1973,7 +1997,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1973
1997
 
1974
1998
  .e-bigger .e-grid .e-groupdroparea.e-grouped,
1975
1999
  .e-grid.e-bigger .e-groupdroparea.e-grouped {
1976
- padding: 11px 0 12px;
2000
+ padding: 11px 11px 12px;
1977
2001
  }
1978
2002
 
1979
2003
  .e-bigger .e-grid .e-frozenheader table tr td.e-rowcell,
@@ -2002,7 +2026,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2002
2026
 
2003
2027
  .e-bigger .e-grid .e-columnmenu,
2004
2028
  .e-grid.e-bigger .e-columnmenu {
2005
- right: 10px;
2029
+ right: 23px;
2006
2030
  }
2007
2031
 
2008
2032
  .e-bigger .e-grid .e-groupheadercell,
@@ -2384,6 +2408,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2384
2408
  border-left: 0;
2385
2409
  border-right: 0;
2386
2410
  border-top: 1px solid #969696;
2411
+ border-radius: 0;
2387
2412
  }
2388
2413
 
2389
2414
  .e-grid .e-res-toolbar {
@@ -2395,6 +2420,15 @@ li.e-separator.e-menu-item.e-excel-separator {
2395
2420
  min-height: initial;
2396
2421
  }
2397
2422
 
2423
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover,
2424
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active,
2425
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus,
2426
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover,
2427
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active,
2428
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
2429
+ background: none;
2430
+ }
2431
+
2398
2432
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
2399
2433
  color: #fff;
2400
2434
  }
@@ -2551,11 +2585,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2551
2585
  }
2552
2586
 
2553
2587
  .e-grid .e-groupdroparea.e-grouped {
2554
- padding: 8px 0 5px;
2588
+ padding: 8px 8px 5px;
2555
2589
  }
2556
2590
 
2557
2591
  .e-grid .e-groupdroparea.e-grouped {
2558
- padding: 8px 0 5px;
2592
+ padding: 8px 8px 5px;
2559
2593
  }
2560
2594
 
2561
2595
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
@@ -2623,6 +2657,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2623
2657
  width: 4px;
2624
2658
  }
2625
2659
 
2660
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2661
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2662
+ right: -1px;
2663
+ }
2664
+
2626
2665
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
2627
2666
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
2628
2667
  left: 0;
@@ -3232,6 +3271,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3232
3271
  box-sizing: border-box;
3233
3272
  }
3234
3273
 
3274
+ .e-grid .e-rowdragdropcell {
3275
+ border-style: solid;
3276
+ border-width: 1px 0 0;
3277
+ }
3278
+
3235
3279
  .e-grid .e-detailrowcollapse,
3236
3280
  .e-grid .e-detailrowexpand {
3237
3281
  border-style: solid;
@@ -3358,7 +3402,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3358
3402
  .e-grid.e-rtl .e-searchclear {
3359
3403
  float: left;
3360
3404
  position: relative;
3361
- top: 10px;
3362
3405
  }
3363
3406
 
3364
3407
  .e-grid .e-checkboxlist {
@@ -3368,6 +3411,16 @@ li.e-separator.e-menu-item.e-excel-separator {
3368
3411
  overflow-y: auto;
3369
3412
  }
3370
3413
 
3414
+ .e-grid .e-checkfltrnmdiv {
3415
+ height: 60px;
3416
+ padding: 23px;
3417
+ text-align: center;
3418
+ }
3419
+
3420
+ .e-grid .e-checkboxlist > span {
3421
+ padding-left: 7px;
3422
+ }
3423
+
3371
3424
  .e-grid .e-chk-hidden {
3372
3425
  -moz-appearance: none;
3373
3426
  height: 1px;
@@ -3394,6 +3447,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3394
3447
  min-width: 250px;
3395
3448
  }
3396
3449
 
3450
+ .e-grid .e-dialog.e-checkboxfilter .e-dlg-content,
3451
+ .e-grid .e-dialog.e-flmenu .e-dlg-content {
3452
+ border-radius: 0;
3453
+ }
3454
+
3397
3455
  .e-grid .e-dialog.e-checkboxfilter {
3398
3456
  min-height: 348px;
3399
3457
  }
@@ -3572,7 +3630,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3572
3630
 
3573
3631
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3574
3632
  .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3575
- font-size: 7px;
3633
+ font-size: 8px;
3576
3634
  margin-left: 0;
3577
3635
  margin-top: 0;
3578
3636
  position: absolute;
@@ -3810,8 +3868,12 @@ li.e-separator.e-menu-item.e-excel-separator {
3810
3868
  line-height: 3;
3811
3869
  }
3812
3870
 
3871
+ .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
3872
+ margin-top: 5px;
3873
+ }
3874
+
3813
3875
  .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
3814
- margin-top: -2px;
3876
+ margin-top: -1px;
3815
3877
  padding: 2px 0 0;
3816
3878
  }
3817
3879
 
@@ -4309,6 +4371,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4309
4371
 
4310
4372
  .e-grid.e-rtl .e-groupheadercell span {
4311
4373
  float: right;
4374
+ padding: 0;
4312
4375
  }
4313
4376
 
4314
4377
  .e-grid.e-rtl.e-horizontallines .e-grouptopleftcell {
@@ -4749,6 +4812,35 @@ li.e-separator.e-menu-item.e-excel-separator {
4749
4812
  white-space: nowrap;
4750
4813
  }
4751
4814
 
4815
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
4816
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
4817
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
4818
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
4819
+ font-size: 8px;
4820
+ margin-top: 0;
4821
+ }
4822
+
4823
+ .e-bigger .e-grid .e-gridheader thead .e-icons,
4824
+ .e-bigger.e-grid .e-gridheader thead .e-icons {
4825
+ font-size: 14px;
4826
+ }
4827
+
4828
+ .e-bigger .e-grid .e-ccdlg .e-cc-searchdiv,
4829
+ .e-bigger.e-grid .e-ccdlg .e-cc-searchdiv {
4830
+ padding-left: 0;
4831
+ padding-right: 7px;
4832
+ }
4833
+
4834
+ .e-bigger .e-grid.e-rtl .e-columnmenu,
4835
+ .e-bigger.e-grid.e-rtl .e-columnmenu {
4836
+ margin: -17px -18px -18px 1px;
4837
+ }
4838
+
4839
+ .e-bigger .e-grid.e-rtl .e-groupheadercell span,
4840
+ .e-bigger.e-grid.e-rtl .e-groupheadercell span {
4841
+ padding: 0;
4842
+ }
4843
+
4752
4844
  .e-grid-min-height .e-rowcell {
4753
4845
  line-height: 0;
4754
4846
  padding-bottom: 0;
@@ -4875,6 +4967,29 @@ li.e-separator.e-menu-item.e-excel-separator {
4875
4967
  position: relative;
4876
4968
  }
4877
4969
 
4970
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
4971
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
4972
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
4973
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
4974
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
4975
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus {
4976
+ background: none;
4977
+ }
4978
+
4979
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
4980
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
4981
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons,
4982
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
4983
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
4984
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons {
4985
+ padding-bottom: 0;
4986
+ }
4987
+
4988
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-search-icon,
4989
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-search-icon {
4990
+ background: none;
4991
+ }
4992
+
4878
4993
  .e-bigger .e-grid.e-row-responsive .e-responsive-header,
4879
4994
  .e-bigger.e-grid.e-row-responsive .e-responsive-header {
4880
4995
  border-top: 1px solid;
@@ -4944,14 +5059,6 @@ li.e-separator.e-menu-item.e-excel-separator {
4944
5059
  height: auto;
4945
5060
  }
4946
5061
 
4947
- .e-bigger .e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
4948
- .e-bigger .e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type,
4949
- .e-bigger.e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
4950
- .e-bigger.e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type {
4951
- border-bottom: 1px solid;
4952
- border-bottom-color: #969696;
4953
- }
4954
-
4955
5062
  .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
4956
5063
  .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-emptyrow td.e-lastrowcell,
4957
5064
  .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
@@ -5007,6 +5114,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5007
5114
  border: 0;
5008
5115
  }
5009
5116
 
5117
+ .e-bigger .e-responsive-dialog.e-customfilter .e-responsivecoldiv,
5118
+ .e-bigger.e-responsive-dialog.e-customfilter .e-responsivecoldiv {
5119
+ cursor: pointer;
5120
+ }
5121
+
5010
5122
  .e-bigger .e-responsive-dialog .e-btn.e-ripple,
5011
5123
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
5012
5124
  overflow: initial;
@@ -5117,12 +5229,23 @@ li.e-separator.e-menu-item.e-excel-separator {
5117
5229
  padding-left: 0;
5118
5230
  }
5119
5231
 
5232
+ .e-bigger .e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn,
5233
+ .e-bigger.e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn {
5234
+ padding-left: 15px;
5235
+ padding-right: 0;
5236
+ }
5237
+
5120
5238
  .e-bigger .e-responsive-dialog .e-dlg-content,
5121
5239
  .e-bigger.e-responsive-dialog .e-dlg-content {
5122
5240
  padding: 16px;
5123
5241
  padding-top: 0;
5124
5242
  }
5125
5243
 
5244
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
5245
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
5246
+ text-align: center;
5247
+ }
5248
+
5126
5249
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
5127
5250
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
5128
5251
  float: right;
@@ -5140,12 +5263,28 @@ li.e-separator.e-menu-item.e-excel-separator {
5140
5263
  box-shadow: none;
5141
5264
  }
5142
5265
 
5266
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter,
5267
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter {
5268
+ border: transparent;
5269
+ }
5270
+
5143
5271
  .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content,
5144
5272
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content {
5145
- padding: 0;
5273
+ background-color: #000;
5274
+ padding: 8px;
5146
5275
  padding-right: 16px;
5147
5276
  }
5148
5277
 
5278
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span,
5279
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
5280
+ padding-left: 9px;
5281
+ }
5282
+
5283
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
5284
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
5285
+ border: transparent;
5286
+ }
5287
+
5149
5288
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content,
5150
5289
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content {
5151
5290
  padding: 16px;
@@ -5179,9 +5318,20 @@ li.e-separator.e-menu-item.e-excel-separator {
5179
5318
 
5180
5319
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul,
5181
5320
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul {
5321
+ background-color: #000;
5182
5322
  max-width: 100%;
5183
5323
  }
5184
5324
 
5325
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li,
5326
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li {
5327
+ color: white;
5328
+ }
5329
+
5330
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected,
5331
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected {
5332
+ background-color: #000;
5333
+ }
5334
+
5185
5335
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu,
5186
5336
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu {
5187
5337
  padding: 0;
@@ -5190,6 +5340,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5190
5340
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon,
5191
5341
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon {
5192
5342
  margin-right: 4px;
5343
+ margin-left: 15px;
5193
5344
  }
5194
5345
 
5195
5346
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-caret,
@@ -5205,7 +5356,16 @@ li.e-separator.e-menu-item.e-excel-separator {
5205
5356
 
5206
5357
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox,
5207
5358
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
5208
- padding-left: 20px;
5359
+ padding-left: 10px;
5360
+ }
5361
+
5362
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
5363
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
5364
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
5365
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
5366
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
5367
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
5368
+ background: none;
5209
5369
  }
5210
5370
 
5211
5371
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -5257,7 +5417,10 @@ li.e-separator.e-menu-item.e-excel-separator {
5257
5417
 
5258
5418
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu,
5259
5419
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu {
5420
+ background-color: #000;
5421
+ border: transparent;
5260
5422
  box-shadow: none;
5423
+ margin-top: 23px;
5261
5424
  max-width: 100%;
5262
5425
  min-width: 100%;
5263
5426
  overflow-y: auto;
@@ -5272,7 +5435,30 @@ li.e-separator.e-menu-item.e-excel-separator {
5272
5435
 
5273
5436
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused,
5274
5437
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused {
5275
- background-color: #000;
5438
+ background-color: transparent;
5439
+ }
5440
+
5441
+ .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5442
+ .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5443
+ padding-top: 0;
5444
+ }
5445
+
5446
+ .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
5447
+ .e-bigger.e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn {
5448
+ float: right;
5449
+ padding-left: 40px;
5450
+ padding-right: 0;
5451
+ }
5452
+
5453
+ .e-bigger .e-responsive-dialog.e-rtl .e-res-apply-btn,
5454
+ .e-bigger.e-responsive-dialog.e-rtl .e-res-apply-btn {
5455
+ padding-left: 0;
5456
+ padding-right: 20px;
5457
+ }
5458
+
5459
+ .e-bigger .e-responsive-dialog.e-rtl .e-ressortbutton-parent,
5460
+ .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
5461
+ float: left;
5276
5462
  }
5277
5463
 
5278
5464
  /*! Grid theme */
@@ -5421,12 +5607,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5421
5607
  border-right-color: #969696;
5422
5608
  }
5423
5609
 
5424
- .e-grid .e-rowcell:not(.e-editedbatchcell),
5425
- .e-grid .e-detailrowcollapse:not(.e-editedbatchcell),
5426
- .e-grid .e-detailrowexpand:not(.e-editedbatchcell),
5427
- .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell),
5428
- .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell),
5429
- .e-grid .e-emptyrow:not(.e-editedbatchcell) {
5610
+ .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd),
5611
+ .e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd),
5612
+ .e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd),
5613
+ .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
5614
+ .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
5615
+ .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
5430
5616
  color: white;
5431
5617
  }
5432
5618
 
@@ -5450,6 +5636,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5450
5636
  .e-grid .e-indentcell,
5451
5637
  .e-grid .e-recordplusexpand,
5452
5638
  .e-grid .e-recordpluscollapse,
5639
+ .e-grid .e-rowdragdropcell,
5453
5640
  .e-grid .e-detailrowcollapse,
5454
5641
  .e-grid .e-detailrowexpand,
5455
5642
  .e-grid .e-detailindentcell,
@@ -5775,7 +5962,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5775
5962
  }
5776
5963
 
5777
5964
  .e-grid.e-rtl .e-filterbardropdown {
5778
- margin-left: 27px;
5965
+ margin-left: 29px;
5779
5966
  }
5780
5967
 
5781
5968
  .e-grid.sf-grid .e-gridfooter .e-summarycontent {
@@ -5819,5 +6006,14 @@ li.e-separator.e-menu-item.e-excel-separator {
5819
6006
  }
5820
6007
 
5821
6008
  .e-filterbardropdown:not(.e-rtl) {
5822
- margin-right: 27px;
6009
+ margin-right: 29px;
6010
+ }
6011
+
6012
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown {
6013
+ border: transparent;
6014
+ }
6015
+
6016
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown:active,
6017
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown.e-input-focus {
6018
+ box-shadow: none;
5823
6019
  }