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