@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
@@ -186,7 +186,9 @@
186
186
  }
187
187
 
188
188
  .e-grid .e-icon-filter::before,
189
- .e-grid-menu .e-icon-filter::before {
189
+ .e-grid .e-icon-filter.e-filtered::before,
190
+ .e-grid-menu .e-icon-filter::before,
191
+ .e-grid-menu .e-icon-filter.e-filtered::before {
190
192
  content: '\e946';
191
193
  }
192
194
 
@@ -276,7 +278,9 @@
276
278
  }
277
279
 
278
280
  .e-grid .e-columnmenu::before,
279
- .e-grid-menu .e-columnmenu::before {
281
+ .e-grid .e-columnmenu.e-filtered::before,
282
+ .e-grid-menu .e-columnmenu::before,
283
+ .e-grid-menu .e-columnmenu.e-filtered::before {
280
284
  content: '\e984';
281
285
  }
282
286
 
@@ -449,22 +453,22 @@
449
453
 
450
454
  .e-bigger .e-grid .e-icons,
451
455
  .e-grid.e-bigger .e-icons {
452
- font-size: 12px;
456
+ font-size: 14px;
453
457
  }
454
458
 
455
459
  .e-bigger .e-grid .e-gridheader thead .e-icons,
456
460
  .e-grid.e-bigger .e-gridheader thead .e-icons {
457
- font-size: 12px;
461
+ font-size: 14px;
458
462
  }
459
463
 
460
464
  .e-bigger .e-grid .e-icon-gdownarrow,
461
465
  .e-grid.e-bigger .e-icon-gdownarrow {
462
- font-size: 12px;
466
+ font-size: 14px;
463
467
  }
464
468
 
465
469
  .e-bigger .e-grid .e-icon-grightarrow,
466
470
  .e-grid.e-bigger .e-icon-grightarrow {
467
- font-size: 12px;
471
+ font-size: 14px;
468
472
  }
469
473
 
470
474
  .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
@@ -499,8 +503,10 @@
499
503
 
500
504
  .e-bigger .e-grid .e-rowcell,
501
505
  .e-bigger .e-grid .e-summarycell,
506
+ .e-bigger .e-grid .e-groupcaption,
502
507
  .e-grid.e-bigger .e-rowcell,
503
- .e-grid.e-bigger .e-summarycell {
508
+ .e-grid.e-bigger .e-summarycell,
509
+ .e-grid.e-bigger .e-groupcaption {
504
510
  font-size: 14px;
505
511
  padding: 8px 8px;
506
512
  }
@@ -540,7 +546,7 @@
540
546
 
541
547
  .e-bigger .e-grid .e-columnmenu,
542
548
  .e-grid.e-bigger .e-columnmenu {
543
- bottom: 10px;
549
+ bottom: 31px;
544
550
  }
545
551
 
546
552
  .e-bigger .e-grid.e-device.e-noselect,
@@ -742,6 +748,11 @@
742
748
  padding: 2px 4px 1px;
743
749
  }
744
750
 
751
+ .e-bigger .e-grid .e-cloneproperties.e-draganddrop,
752
+ .e-grid.e-bigger .e-cloneproperties.e-draganddrop {
753
+ padding: 0;
754
+ }
755
+
745
756
  .e-bigger .e-grid .e-headerclone,
746
757
  .e-grid.e-bigger .e-headerclone {
747
758
  font-size: 14px;
@@ -749,7 +760,7 @@
749
760
 
750
761
  .e-bigger .e-grid .e-groupdroparea.e-grouped,
751
762
  .e-grid.e-bigger .e-groupdroparea.e-grouped {
752
- padding: 0 0 8px;
763
+ padding: 5px 0 8px;
753
764
  }
754
765
 
755
766
  .e-bigger .e-grid .e-frozenheader table tr td.e-rowcell,
@@ -787,14 +798,14 @@
787
798
  .e-grid.e-bigger .e-groupheadercell:hover {
788
799
  border-radius: 6px;
789
800
  height: 51px;
790
- margin: 10px 0 0 8px;
791
- padding: 6px 0;
792
- font-size: 14px;
801
+ margin: 4px 0 0 10px;
802
+ padding: 9px 0;
803
+ font-size: 16px;
793
804
  }
794
805
 
795
806
  .e-bigger .e-grid .e-groupheadercell:hover,
796
807
  .e-grid.e-bigger .e-groupheadercell:hover {
797
- padding: 6px 0;
808
+ padding: 9px 0;
798
809
  }
799
810
 
800
811
  .e-bigger .e-grid .e-gdclone,
@@ -947,37 +958,37 @@
947
958
  .e-grid.e-bigger span.e-ungroupbutton,
948
959
  .e-grid.e-bigger .e-toggleungroup {
949
960
  margin-left: -8px;
950
- margin-top: -1px;
961
+ margin-top: -4px;
951
962
  }
952
963
 
953
964
  .e-bigger .e-grid span.e-ungroupbutton.e-icons,
954
965
  .e-grid.e-bigger span.e-ungroupbutton.e-icons {
955
- font-size: 12px;
966
+ font-size: 14px;
956
967
  margin-left: -7px;
957
- margin-top: -1px;
968
+ margin-top: -3px;
958
969
  margin-right: 0;
959
970
  }
960
971
 
961
972
  .e-bigger .e-grid .e-groupsort,
962
973
  .e-grid.e-bigger .e-groupsort {
963
974
  margin-right: 0;
964
- margin-top: -1px;
975
+ margin-top: -4px;
965
976
  }
966
977
 
967
978
  .e-bigger .e-grid.e-rtl .e-groupheadercell,
968
979
  .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
969
980
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
970
981
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
971
- margin: 3px 24px 0 0;
972
- padding: 4px 6px 4px 9px;
982
+ margin: 3px 8px 0 0;
983
+ padding: 9px 0 4px 0;
973
984
  }
974
985
 
975
986
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
976
987
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
977
988
  margin-left: 0;
978
- margin-right: 6px;
979
- margin-top: 0;
980
- padding-top: 1px;
989
+ margin-right: -10px;
990
+ margin-top: -4px;
991
+ padding-top: 0;
981
992
  }
982
993
 
983
994
  .e-bigger .e-grid .e-groupcaption,
@@ -1151,7 +1162,7 @@
1151
1162
  }
1152
1163
 
1153
1164
  .e-grid .e-icon-rowdragicon {
1154
- font-size: 8px;
1165
+ font-size: 10px;
1155
1166
  text-indent: 11px;
1156
1167
  }
1157
1168
 
@@ -1160,6 +1171,7 @@
1160
1171
  border-left: 0;
1161
1172
  border-right: 0;
1162
1173
  border-top: 1px solid #484848;
1174
+ border-radius: 0;
1163
1175
  }
1164
1176
 
1165
1177
  .e-grid .e-res-toolbar {
@@ -1171,6 +1183,15 @@
1171
1183
  min-height: initial;
1172
1184
  }
1173
1185
 
1186
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover,
1187
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active,
1188
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus,
1189
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover,
1190
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active,
1191
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
1192
+ background: none;
1193
+ }
1194
+
1174
1195
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
1175
1196
  color: #fff;
1176
1197
  }
@@ -1399,6 +1420,11 @@
1399
1420
  width: 4px;
1400
1421
  }
1401
1422
 
1423
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1424
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1425
+ right: -1px;
1426
+ }
1427
+
1402
1428
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
1403
1429
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
1404
1430
  left: 0;
@@ -1566,7 +1592,7 @@
1566
1592
 
1567
1593
  .e-grid .e-gridheader {
1568
1594
  border-bottom-style: solid;
1569
- border-bottom-width: 2px;
1595
+ border-bottom-width: 1px;
1570
1596
  border-top-style: solid;
1571
1597
  border-top-width: 1px;
1572
1598
  }
@@ -1577,7 +1603,7 @@
1577
1603
 
1578
1604
  .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1579
1605
  border-top-style: solid;
1580
- border-top-width: 2px;
1606
+ border-top-width: 1px;
1581
1607
  }
1582
1608
 
1583
1609
  .e-grid.e-bothlines .e-filterbarcell,
@@ -2008,6 +2034,11 @@
2008
2034
  box-sizing: border-box;
2009
2035
  }
2010
2036
 
2037
+ .e-grid .e-rowdragdropcell {
2038
+ border-style: solid;
2039
+ border-width: 1px 0 0;
2040
+ }
2041
+
2011
2042
  .e-grid .e-detailrowcollapse,
2012
2043
  .e-grid .e-detailrowexpand {
2013
2044
  border-style: solid;
@@ -2050,7 +2081,7 @@
2050
2081
  }
2051
2082
 
2052
2083
  .e-grid.e-horizontallines .e-filterbarcell {
2053
- border-width: 2px 0 0;
2084
+ border-width: 1px 0 0;
2054
2085
  }
2055
2086
 
2056
2087
  .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
@@ -2134,7 +2165,6 @@
2134
2165
  .e-grid.e-rtl .e-searchclear {
2135
2166
  float: left;
2136
2167
  position: relative;
2137
- top: 10px;
2138
2168
  }
2139
2169
 
2140
2170
  .e-grid .e-checkboxlist {
@@ -2144,6 +2174,16 @@
2144
2174
  overflow-y: auto;
2145
2175
  }
2146
2176
 
2177
+ .e-grid .e-checkfltrnmdiv {
2178
+ height: 60px;
2179
+ padding: 23px;
2180
+ text-align: center;
2181
+ }
2182
+
2183
+ .e-grid .e-checkboxlist > span {
2184
+ padding-left: 8px;
2185
+ }
2186
+
2147
2187
  .e-grid .e-chk-hidden {
2148
2188
  -moz-appearance: none;
2149
2189
  height: 1px;
@@ -2170,8 +2210,13 @@
2170
2210
  min-width: 250px;
2171
2211
  }
2172
2212
 
2213
+ .e-grid .e-dialog.e-checkboxfilter .e-dlg-content,
2214
+ .e-grid .e-dialog.e-flmenu .e-dlg-content {
2215
+ border-radius: 6px;
2216
+ }
2217
+
2173
2218
  .e-grid .e-dialog.e-checkboxfilter {
2174
- min-height: 348px;
2219
+ min-height: 338px;
2175
2220
  }
2176
2221
 
2177
2222
  .e-grid .e-checkboxfilter .e-searchbox {
@@ -2348,9 +2393,9 @@
2348
2393
 
2349
2394
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2350
2395
  .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2351
- font-size: 7px;
2396
+ font-size: 10px;
2352
2397
  margin-left: 0;
2353
- margin-top: 0;
2398
+ margin-top: -1.5px;
2354
2399
  position: absolute;
2355
2400
  z-index: 10;
2356
2401
  }
@@ -2478,7 +2523,7 @@
2478
2523
  }
2479
2524
 
2480
2525
  .e-grid .e-groupheadercell .e-cancel {
2481
- padding-right: 10px;
2526
+ padding-right: 12px;
2482
2527
  }
2483
2528
 
2484
2529
  .e-grid .e-groupheadercell .e-icons::before {
@@ -2488,7 +2533,7 @@
2488
2533
  .e-grid .e-groupsort,
2489
2534
  .e-grid .e-ungroupbutton,
2490
2535
  .e-grid .e-toggleungroup {
2491
- font-size: 10px;
2536
+ font-size: 12px;
2492
2537
  margin-left: -8px;
2493
2538
  }
2494
2539
 
@@ -2507,12 +2552,12 @@
2507
2552
  }
2508
2553
 
2509
2554
  .e-grid .e-icon-gdownarrow {
2510
- font-size: 8px;
2555
+ font-size: 10px;
2511
2556
  text-indent: 11px;
2512
2557
  }
2513
2558
 
2514
2559
  .e-grid .e-icon-grightarrow {
2515
- font-size: 8px;
2560
+ font-size: 10px;
2516
2561
  text-indent: 11px;
2517
2562
  }
2518
2563
 
@@ -2586,6 +2631,10 @@
2586
2631
  line-height: 3;
2587
2632
  }
2588
2633
 
2634
+ .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
2635
+ margin-top: 2px;
2636
+ }
2637
+
2589
2638
  .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
2590
2639
  margin-top: 0;
2591
2640
  padding: 3px 0 0;
@@ -3085,6 +3134,7 @@
3085
3134
 
3086
3135
  .e-grid.e-rtl .e-groupheadercell span {
3087
3136
  float: right;
3137
+ padding: 0 8px;
3088
3138
  }
3089
3139
 
3090
3140
  .e-grid.e-rtl.e-horizontallines .e-grouptopleftcell {
@@ -3114,7 +3164,7 @@
3114
3164
 
3115
3165
  .e-grid.e-rtl tr td:first-child,
3116
3166
  .e-grid.e-rtl tr th:first-child {
3117
- border-left-width: 1px;
3167
+ border-left-width: 0;
3118
3168
  }
3119
3169
 
3120
3170
  .e-grid.e-rtl.e-default.e-bothlines tr td:first-child:not(.e-summarycell),
@@ -3231,8 +3281,8 @@
3231
3281
 
3232
3282
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
3233
3283
  margin-left: 0;
3234
- margin-right: -6px;
3235
- padding-top: 1px;
3284
+ margin-right: -10px;
3285
+ padding-top: 0;
3236
3286
  }
3237
3287
 
3238
3288
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell,
@@ -3295,7 +3345,7 @@
3295
3345
  }
3296
3346
 
3297
3347
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
3298
- border-width: 2px 0 0;
3348
+ border-width: 1px 0 0;
3299
3349
  }
3300
3350
 
3301
3351
  .e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell {
@@ -3320,7 +3370,7 @@
3320
3370
  .e-grid.e-rtl .e-groupheadercell:hover {
3321
3371
  margin-left: 0;
3322
3372
  margin-right: 8px;
3323
- padding: 6px 0;
3373
+ padding: 7px 0;
3324
3374
  }
3325
3375
 
3326
3376
  .e-grid.e-rtl .e-groupheadercell,
@@ -3525,6 +3575,35 @@
3525
3575
  white-space: nowrap;
3526
3576
  }
3527
3577
 
3578
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3579
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
3580
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3581
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3582
+ font-size: 10px;
3583
+ margin-top: -1.5px;
3584
+ }
3585
+
3586
+ .e-bigger .e-grid .e-gridheader thead .e-icons,
3587
+ .e-bigger.e-grid .e-gridheader thead .e-icons {
3588
+ font-size: 14px;
3589
+ }
3590
+
3591
+ .e-bigger .e-grid .e-ccdlg .e-cc-searchdiv,
3592
+ .e-bigger.e-grid .e-ccdlg .e-cc-searchdiv {
3593
+ padding-left: 0;
3594
+ padding-right: 4px;
3595
+ }
3596
+
3597
+ .e-bigger .e-grid.e-rtl .e-columnmenu,
3598
+ .e-bigger.e-grid.e-rtl .e-columnmenu {
3599
+ margin: -20px -18px -18px 1px;
3600
+ }
3601
+
3602
+ .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3603
+ .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3604
+ padding: 0 8px;
3605
+ }
3606
+
3528
3607
  .e-grid-min-height .e-rowcell {
3529
3608
  line-height: 0;
3530
3609
  padding-bottom: 0;
@@ -3651,6 +3730,29 @@
3651
3730
  position: relative;
3652
3731
  }
3653
3732
 
3733
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
3734
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
3735
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
3736
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
3737
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
3738
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus {
3739
+ background: none;
3740
+ }
3741
+
3742
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
3743
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
3744
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons,
3745
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
3746
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
3747
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons {
3748
+ padding-bottom: 0;
3749
+ }
3750
+
3751
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-search-icon,
3752
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-search-icon {
3753
+ background: none;
3754
+ }
3755
+
3654
3756
  .e-bigger .e-grid.e-row-responsive .e-responsive-header,
3655
3757
  .e-bigger.e-grid.e-row-responsive .e-responsive-header {
3656
3758
  border-top: 1px solid;
@@ -3720,14 +3822,6 @@
3720
3822
  height: auto;
3721
3823
  }
3722
3824
 
3723
- .e-bigger .e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
3724
- .e-bigger .e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type,
3725
- .e-bigger.e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
3726
- .e-bigger.e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type {
3727
- border-bottom: 1px solid;
3728
- border-bottom-color: #484848;
3729
- }
3730
-
3731
3825
  .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
3732
3826
  .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-emptyrow td.e-lastrowcell,
3733
3827
  .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
@@ -3783,6 +3877,11 @@
3783
3877
  border: 0;
3784
3878
  }
3785
3879
 
3880
+ .e-bigger .e-responsive-dialog.e-customfilter .e-responsivecoldiv,
3881
+ .e-bigger.e-responsive-dialog.e-customfilter .e-responsivecoldiv {
3882
+ cursor: pointer;
3883
+ }
3884
+
3786
3885
  .e-bigger .e-responsive-dialog .e-btn.e-ripple,
3787
3886
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
3788
3887
  overflow: initial;
@@ -3893,12 +3992,23 @@
3893
3992
  padding-left: 0;
3894
3993
  }
3895
3994
 
3995
+ .e-bigger .e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn,
3996
+ .e-bigger.e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn {
3997
+ padding-left: 15px;
3998
+ padding-right: 0;
3999
+ }
4000
+
3896
4001
  .e-bigger .e-responsive-dialog .e-dlg-content,
3897
4002
  .e-bigger.e-responsive-dialog .e-dlg-content {
3898
4003
  padding: 16px;
3899
4004
  padding-top: 0;
3900
4005
  }
3901
4006
 
4007
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4008
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
4009
+ text-align: center;
4010
+ }
4011
+
3902
4012
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
3903
4013
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
3904
4014
  float: right;
@@ -3916,12 +4026,28 @@
3916
4026
  box-shadow: none;
3917
4027
  }
3918
4028
 
4029
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter,
4030
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter {
4031
+ border: transparent;
4032
+ }
4033
+
3919
4034
  .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content,
3920
4035
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content {
3921
- padding: 0;
4036
+ background-color: #1a1a1a;
4037
+ padding: 8px;
3922
4038
  padding-right: 16px;
3923
4039
  }
3924
4040
 
4041
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span,
4042
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
4043
+ padding-left: 9px;
4044
+ }
4045
+
4046
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
4047
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
4048
+ border: transparent;
4049
+ }
4050
+
3925
4051
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content,
3926
4052
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content {
3927
4053
  padding: 16px;
@@ -3955,9 +4081,20 @@
3955
4081
 
3956
4082
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul,
3957
4083
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul {
4084
+ background-color: #1a1a1a;
3958
4085
  max-width: 100%;
3959
4086
  }
3960
4087
 
4088
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li,
4089
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li {
4090
+ color: #f0f0f0;
4091
+ }
4092
+
4093
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected,
4094
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected {
4095
+ background-color: #1a1a1a;
4096
+ }
4097
+
3961
4098
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu,
3962
4099
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu {
3963
4100
  padding: 0;
@@ -3966,6 +4103,7 @@
3966
4103
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon,
3967
4104
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon {
3968
4105
  margin-right: 4px;
4106
+ margin-left: 15px;
3969
4107
  }
3970
4108
 
3971
4109
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-caret,
@@ -3981,7 +4119,16 @@
3981
4119
 
3982
4120
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox,
3983
4121
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
3984
- padding-left: 20px;
4122
+ padding-left: 10px;
4123
+ }
4124
+
4125
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
4126
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
4127
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
4128
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
4129
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
4130
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
4131
+ background: none;
3985
4132
  }
3986
4133
 
3987
4134
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -4033,7 +4180,10 @@
4033
4180
 
4034
4181
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu,
4035
4182
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu {
4183
+ background-color: #1a1a1a;
4184
+ border: transparent;
4036
4185
  box-shadow: none;
4186
+ margin-top: 23px;
4037
4187
  max-width: 100%;
4038
4188
  min-width: 100%;
4039
4189
  overflow-y: auto;
@@ -4048,7 +4198,30 @@
4048
4198
 
4049
4199
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused,
4050
4200
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused {
4051
- background-color: #1a1a1a;
4201
+ background-color: transparent;
4202
+ }
4203
+
4204
+ .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4205
+ .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4206
+ padding-top: 0;
4207
+ }
4208
+
4209
+ .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
4210
+ .e-bigger.e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn {
4211
+ float: right;
4212
+ padding-left: 40px;
4213
+ padding-right: 0;
4214
+ }
4215
+
4216
+ .e-bigger .e-responsive-dialog.e-rtl .e-res-apply-btn,
4217
+ .e-bigger.e-responsive-dialog.e-rtl .e-res-apply-btn {
4218
+ padding-left: 0;
4219
+ padding-right: 20px;
4220
+ }
4221
+
4222
+ .e-bigger .e-responsive-dialog.e-rtl .e-ressortbutton-parent,
4223
+ .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
4224
+ float: left;
4052
4225
  }
4053
4226
 
4054
4227
  /*! Grid theme */
@@ -4197,12 +4370,12 @@
4197
4370
  border-right-color: #484848;
4198
4371
  }
4199
4372
 
4200
- .e-grid .e-rowcell:not(.e-editedbatchcell),
4201
- .e-grid .e-detailrowcollapse:not(.e-editedbatchcell),
4202
- .e-grid .e-detailrowexpand:not(.e-editedbatchcell),
4203
- .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell),
4204
- .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell),
4205
- .e-grid .e-emptyrow:not(.e-editedbatchcell) {
4373
+ .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd),
4374
+ .e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd),
4375
+ .e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd),
4376
+ .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
4377
+ .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
4378
+ .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
4206
4379
  color: #f0f0f0;
4207
4380
  }
4208
4381
 
@@ -4226,6 +4399,7 @@
4226
4399
  .e-grid .e-indentcell,
4227
4400
  .e-grid .e-recordplusexpand,
4228
4401
  .e-grid .e-recordpluscollapse,
4402
+ .e-grid .e-rowdragdropcell,
4229
4403
  .e-grid .e-detailrowcollapse,
4230
4404
  .e-grid .e-detailrowexpand,
4231
4405
  .e-grid .e-detailindentcell,
@@ -4597,3 +4771,12 @@
4597
4771
  .e-filterbardropdown:not(.e-rtl) {
4598
4772
  margin-right: 29px;
4599
4773
  }
4774
+
4775
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown {
4776
+ border: transparent;
4777
+ }
4778
+
4779
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown:active,
4780
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown.e-input-focus {
4781
+ box-shadow: none;
4782
+ }