@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
@@ -222,7 +222,9 @@
222
222
  }
223
223
 
224
224
  .e-grid .e-icon-filter::before,
225
- .e-grid-menu .e-icon-filter::before {
225
+ .e-grid .e-icon-filter.e-filtered::before,
226
+ .e-grid-menu .e-icon-filter::before,
227
+ .e-grid-menu .e-icon-filter.e-filtered::before {
226
228
  content: '\e714';
227
229
  }
228
230
 
@@ -312,7 +314,9 @@
312
314
  }
313
315
 
314
316
  .e-grid .e-columnmenu::before,
315
- .e-grid-menu .e-columnmenu::before {
317
+ .e-grid .e-columnmenu.e-filtered::before,
318
+ .e-grid-menu .e-columnmenu::before,
319
+ .e-grid-menu .e-columnmenu.e-filtered::before {
316
320
  content: '\e781';
317
321
  }
318
322
 
@@ -485,17 +489,17 @@
485
489
 
486
490
  .e-bigger .e-grid .e-icons,
487
491
  .e-grid.e-bigger .e-icons {
488
- font-size: 12px;
492
+ font-size: 16px;
489
493
  }
490
494
 
491
495
  .e-bigger .e-grid .e-gridheader thead .e-icons,
492
496
  .e-grid.e-bigger .e-gridheader thead .e-icons {
493
- font-size: 16px;
497
+ font-size: 8px;
494
498
  }
495
499
 
496
500
  .e-bigger .e-grid .e-icon-gdownarrow,
497
501
  .e-grid.e-bigger .e-icon-gdownarrow {
498
- font-size: 10px;
502
+ font-size: 12px;
499
503
  }
500
504
 
501
505
  .e-bigger .e-grid .e-icon-grightarrow,
@@ -535,8 +539,10 @@
535
539
 
536
540
  .e-bigger .e-grid .e-rowcell,
537
541
  .e-bigger .e-grid .e-summarycell,
542
+ .e-bigger .e-grid .e-groupcaption,
538
543
  .e-grid.e-bigger .e-rowcell,
539
- .e-grid.e-bigger .e-summarycell {
544
+ .e-grid.e-bigger .e-summarycell,
545
+ .e-grid.e-bigger .e-groupcaption {
540
546
  font-size: 16px;
541
547
  padding: 12px 12px;
542
548
  }
@@ -576,7 +582,7 @@
576
582
 
577
583
  .e-bigger .e-grid .e-columnmenu,
578
584
  .e-grid.e-bigger .e-columnmenu {
579
- bottom: 10px;
585
+ bottom: 31px;
580
586
  }
581
587
 
582
588
  .e-bigger .e-grid.e-device.e-noselect,
@@ -595,7 +601,7 @@
595
601
 
596
602
  .e-bigger .e-grid .e-dialog.e-checkboxfilter,
597
603
  .e-grid.e-bigger .e-dialog.e-checkboxfilter {
598
- min-height: 360px;
604
+ min-height: 348px;
599
605
  }
600
606
 
601
607
  .e-bigger .e-grid .e-checkboxfilter .e-dlg-content,
@@ -626,7 +632,7 @@
626
632
 
627
633
  .e-bigger .e-grid .e-filtermenudiv,
628
634
  .e-grid.e-bigger .e-filtermenudiv {
629
- margin: -22px -7px;
635
+ margin: -20px -7px;
630
636
  }
631
637
 
632
638
  .e-bigger .e-grid .e-sortfilterdiv,
@@ -778,6 +784,11 @@
778
784
  padding: 2px 12px 1px;
779
785
  }
780
786
 
787
+ .e-bigger .e-grid .e-cloneproperties.e-draganddrop,
788
+ .e-grid.e-bigger .e-cloneproperties.e-draganddrop {
789
+ padding: 2px 0 1px;
790
+ }
791
+
781
792
  .e-bigger .e-grid .e-headerclone,
782
793
  .e-grid.e-bigger .e-headerclone {
783
794
  font-size: 16px;
@@ -785,7 +796,7 @@
785
796
 
786
797
  .e-bigger .e-grid .e-groupdroparea.e-grouped,
787
798
  .e-grid.e-bigger .e-groupdroparea.e-grouped {
788
- padding: 0 0 8px;
799
+ padding: 2px 8px 8px;
789
800
  }
790
801
 
791
802
  .e-bigger .e-grid .e-frozenheader table tr td.e-rowcell,
@@ -823,7 +834,7 @@
823
834
  .e-grid.e-bigger .e-groupheadercell:hover {
824
835
  border-radius: 6px;
825
836
  height: 30px;
826
- margin: 15px 0 0 8px;
837
+ margin: 15px 0 0 10px;
827
838
  padding: 6px 0;
828
839
  font-size: 14px;
829
840
  }
@@ -1004,8 +1015,8 @@
1004
1015
  .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1005
1016
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1006
1017
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
1007
- margin: 14px 24px 0 0;
1008
- padding: 4px 6px 4px 9px;
1018
+ margin: 14px 9px 0 0;
1019
+ padding: 6px 6px 4px 9px;
1009
1020
  }
1010
1021
 
1011
1022
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
@@ -1013,7 +1024,7 @@
1013
1024
  margin-left: -13px;
1014
1025
  margin-right: -15px;
1015
1026
  margin-top: 6px;
1016
- padding-top: 1px;
1027
+ padding-top: 0;
1017
1028
  }
1018
1029
 
1019
1030
  .e-bigger .e-grid .e-groupcaption,
@@ -1196,6 +1207,7 @@
1196
1207
  border-left: 0;
1197
1208
  border-right: 0;
1198
1209
  border-top: 1px solid #dee2e6;
1210
+ border-radius: 0;
1199
1211
  }
1200
1212
 
1201
1213
  .e-grid .e-res-toolbar {
@@ -1207,6 +1219,15 @@
1207
1219
  min-height: initial;
1208
1220
  }
1209
1221
 
1222
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover,
1223
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active,
1224
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus,
1225
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover,
1226
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active,
1227
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
1228
+ background: none;
1229
+ }
1230
+
1210
1231
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
1211
1232
  color: #495057;
1212
1233
  }
@@ -1363,11 +1384,11 @@
1363
1384
  }
1364
1385
 
1365
1386
  .e-grid .e-groupdroparea.e-grouped {
1366
- padding: 0 0 6px;
1387
+ padding: 0 6px 6px;
1367
1388
  }
1368
1389
 
1369
1390
  .e-grid .e-groupdroparea.e-grouped {
1370
- padding: 0 0 6px;
1391
+ padding: 0 6px 6px;
1371
1392
  }
1372
1393
 
1373
1394
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
@@ -1435,6 +1456,11 @@
1435
1456
  width: 4px;
1436
1457
  }
1437
1458
 
1459
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1460
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1461
+ right: -1px;
1462
+ }
1463
+
1438
1464
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
1439
1465
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
1440
1466
  left: 0;
@@ -1602,7 +1628,7 @@
1602
1628
 
1603
1629
  .e-grid .e-gridheader {
1604
1630
  border-bottom-style: solid;
1605
- border-bottom-width: 2px;
1631
+ border-bottom-width: 1px;
1606
1632
  border-top-style: solid;
1607
1633
  border-top-width: 1px;
1608
1634
  }
@@ -1613,7 +1639,7 @@
1613
1639
 
1614
1640
  .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1615
1641
  border-top-style: solid;
1616
- border-top-width: 2px;
1642
+ border-top-width: 1px;
1617
1643
  }
1618
1644
 
1619
1645
  .e-grid.e-bothlines .e-filterbarcell,
@@ -2044,6 +2070,11 @@
2044
2070
  box-sizing: border-box;
2045
2071
  }
2046
2072
 
2073
+ .e-grid .e-rowdragdropcell {
2074
+ border-style: solid;
2075
+ border-width: 1px 0 0;
2076
+ }
2077
+
2047
2078
  .e-grid .e-detailrowcollapse,
2048
2079
  .e-grid .e-detailrowexpand {
2049
2080
  border-style: solid;
@@ -2086,7 +2117,7 @@
2086
2117
  }
2087
2118
 
2088
2119
  .e-grid.e-horizontallines .e-filterbarcell {
2089
- border-width: 2px 0 0;
2120
+ border-width: 1px 0 0;
2090
2121
  }
2091
2122
 
2092
2123
  .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
@@ -2170,7 +2201,6 @@
2170
2201
  .e-grid.e-rtl .e-searchclear {
2171
2202
  float: left;
2172
2203
  position: relative;
2173
- top: 0;
2174
2204
  }
2175
2205
 
2176
2206
  .e-grid .e-checkboxlist {
@@ -2180,6 +2210,16 @@
2180
2210
  overflow-y: auto;
2181
2211
  }
2182
2212
 
2213
+ .e-grid .e-checkfltrnmdiv {
2214
+ height: 60px;
2215
+ padding: 23px;
2216
+ text-align: center;
2217
+ }
2218
+
2219
+ .e-grid .e-checkboxlist > span {
2220
+ padding-left: 8px;
2221
+ }
2222
+
2183
2223
  .e-grid .e-chk-hidden {
2184
2224
  -moz-appearance: none;
2185
2225
  height: 1px;
@@ -2206,8 +2246,13 @@
2206
2246
  min-width: 250px;
2207
2247
  }
2208
2248
 
2249
+ .e-grid .e-dialog.e-checkboxfilter .e-dlg-content,
2250
+ .e-grid .e-dialog.e-flmenu .e-dlg-content {
2251
+ border-radius: 0;
2252
+ }
2253
+
2209
2254
  .e-grid .e-dialog.e-checkboxfilter {
2210
- min-height: 348px;
2255
+ min-height: 328px;
2211
2256
  }
2212
2257
 
2213
2258
  .e-grid .e-checkboxfilter .e-searchbox {
@@ -2384,7 +2429,7 @@
2384
2429
 
2385
2430
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2386
2431
  .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2387
- font-size: 8px;
2432
+ font-size: 12px;
2388
2433
  margin-left: 0;
2389
2434
  margin-top: 0;
2390
2435
  position: absolute;
@@ -2622,6 +2667,10 @@
2622
2667
  line-height: 3;
2623
2668
  }
2624
2669
 
2670
+ .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
2671
+ margin-top: 0;
2672
+ }
2673
+
2625
2674
  .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
2626
2675
  margin-top: 0;
2627
2676
  padding: 3px 0 0;
@@ -2786,7 +2835,7 @@
2786
2835
  opacity: 0.6;
2787
2836
  position: absolute;
2788
2837
  right: 0;
2789
- top: -41px;
2838
+ top: -44px;
2790
2839
  }
2791
2840
 
2792
2841
  .e-grid .e-ccdlg .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
@@ -3121,6 +3170,7 @@
3121
3170
 
3122
3171
  .e-grid.e-rtl .e-groupheadercell span {
3123
3172
  float: right;
3173
+ padding: 8px 4px 8px 12px;
3124
3174
  }
3125
3175
 
3126
3176
  .e-grid.e-rtl.e-horizontallines .e-grouptopleftcell {
@@ -3150,7 +3200,7 @@
3150
3200
 
3151
3201
  .e-grid.e-rtl tr td:first-child,
3152
3202
  .e-grid.e-rtl tr th:first-child {
3153
- border-left-width: 1px;
3203
+ border-left-width: 0;
3154
3204
  }
3155
3205
 
3156
3206
  .e-grid.e-rtl.e-default.e-bothlines tr td:first-child:not(.e-summarycell),
@@ -3267,8 +3317,8 @@
3267
3317
 
3268
3318
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
3269
3319
  margin-left: -2px;
3270
- margin-right: -8px;
3271
- padding-top: 1px;
3320
+ margin-right: -12px;
3321
+ padding-top: 0;
3272
3322
  }
3273
3323
 
3274
3324
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell,
@@ -3331,7 +3381,7 @@
3331
3381
  }
3332
3382
 
3333
3383
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
3334
- border-width: 2px 0 0;
3384
+ border-width: 1px 0 0;
3335
3385
  }
3336
3386
 
3337
3387
  .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 {
@@ -3561,6 +3611,35 @@
3561
3611
  white-space: nowrap;
3562
3612
  }
3563
3613
 
3614
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3615
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
3616
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3617
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3618
+ font-size: 12px;
3619
+ margin-top: 0;
3620
+ }
3621
+
3622
+ .e-bigger .e-grid .e-gridheader thead .e-icons,
3623
+ .e-bigger.e-grid .e-gridheader thead .e-icons {
3624
+ font-size: 8px;
3625
+ }
3626
+
3627
+ .e-bigger .e-grid .e-ccdlg .e-cc-searchdiv,
3628
+ .e-bigger.e-grid .e-ccdlg .e-cc-searchdiv {
3629
+ padding-left: 0;
3630
+ padding-right: 4px;
3631
+ }
3632
+
3633
+ .e-bigger .e-grid.e-rtl .e-columnmenu,
3634
+ .e-bigger.e-grid.e-rtl .e-columnmenu {
3635
+ margin: -19px -18px -18px -22px;
3636
+ }
3637
+
3638
+ .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3639
+ .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3640
+ padding: 8px 4px 8px 12px;
3641
+ }
3642
+
3564
3643
  .e-grid-min-height .e-rowcell {
3565
3644
  line-height: 0;
3566
3645
  padding-bottom: 0;
@@ -3687,6 +3766,29 @@
3687
3766
  position: relative;
3688
3767
  }
3689
3768
 
3769
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
3770
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
3771
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
3772
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
3773
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
3774
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus {
3775
+ background: none;
3776
+ }
3777
+
3778
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
3779
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
3780
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons,
3781
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
3782
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
3783
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons {
3784
+ padding-bottom: 0;
3785
+ }
3786
+
3787
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-search-icon,
3788
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-search-icon {
3789
+ background: none;
3790
+ }
3791
+
3690
3792
  .e-bigger .e-grid.e-row-responsive .e-responsive-header,
3691
3793
  .e-bigger.e-grid.e-row-responsive .e-responsive-header {
3692
3794
  border-top: 1px solid;
@@ -3756,14 +3858,6 @@
3756
3858
  height: auto;
3757
3859
  }
3758
3860
 
3759
- .e-bigger .e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
3760
- .e-bigger .e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type,
3761
- .e-bigger.e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
3762
- .e-bigger.e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type {
3763
- border-bottom: 1px solid;
3764
- border-bottom-color: #dee2e6;
3765
- }
3766
-
3767
3861
  .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
3768
3862
  .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-emptyrow td.e-lastrowcell,
3769
3863
  .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
@@ -3819,6 +3913,11 @@
3819
3913
  border: 0;
3820
3914
  }
3821
3915
 
3916
+ .e-bigger .e-responsive-dialog.e-customfilter .e-responsivecoldiv,
3917
+ .e-bigger.e-responsive-dialog.e-customfilter .e-responsivecoldiv {
3918
+ cursor: pointer;
3919
+ }
3920
+
3822
3921
  .e-bigger .e-responsive-dialog .e-btn.e-ripple,
3823
3922
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
3824
3923
  overflow: initial;
@@ -3929,12 +4028,23 @@
3929
4028
  padding-left: 0;
3930
4029
  }
3931
4030
 
4031
+ .e-bigger .e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn,
4032
+ .e-bigger.e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn {
4033
+ padding-left: 15px;
4034
+ padding-right: 0;
4035
+ }
4036
+
3932
4037
  .e-bigger .e-responsive-dialog .e-dlg-content,
3933
4038
  .e-bigger.e-responsive-dialog .e-dlg-content {
3934
4039
  padding: 16px;
3935
4040
  padding-top: 0;
3936
4041
  }
3937
4042
 
4043
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4044
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
4045
+ text-align: center;
4046
+ }
4047
+
3938
4048
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
3939
4049
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
3940
4050
  float: right;
@@ -3952,12 +4062,28 @@
3952
4062
  box-shadow: none;
3953
4063
  }
3954
4064
 
4065
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter,
4066
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter {
4067
+ border: transparent;
4068
+ }
4069
+
3955
4070
  .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content,
3956
4071
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content {
3957
- padding: 0;
4072
+ background-color: #fff;
4073
+ padding: 8px;
3958
4074
  padding-right: 16px;
3959
4075
  }
3960
4076
 
4077
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span,
4078
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
4079
+ padding-left: 9px;
4080
+ }
4081
+
4082
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
4083
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
4084
+ border: transparent;
4085
+ }
4086
+
3961
4087
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content,
3962
4088
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content {
3963
4089
  padding: 16px;
@@ -3991,9 +4117,20 @@
3991
4117
 
3992
4118
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul,
3993
4119
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul {
4120
+ background-color: #fff;
3994
4121
  max-width: 100%;
3995
4122
  }
3996
4123
 
4124
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li,
4125
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li {
4126
+ color: #212529;
4127
+ }
4128
+
4129
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected,
4130
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected {
4131
+ background-color: #fff;
4132
+ }
4133
+
3997
4134
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu,
3998
4135
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu {
3999
4136
  padding: 0;
@@ -4002,6 +4139,7 @@
4002
4139
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon,
4003
4140
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon {
4004
4141
  margin-right: 4px;
4142
+ margin-left: 15px;
4005
4143
  }
4006
4144
 
4007
4145
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-caret,
@@ -4017,7 +4155,16 @@
4017
4155
 
4018
4156
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox,
4019
4157
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
4020
- padding-left: 20px;
4158
+ padding-left: 10px;
4159
+ }
4160
+
4161
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
4162
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
4163
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
4164
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
4165
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
4166
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
4167
+ background: none;
4021
4168
  }
4022
4169
 
4023
4170
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -4069,7 +4216,10 @@
4069
4216
 
4070
4217
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu,
4071
4218
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu {
4219
+ background-color: #fff;
4220
+ border: transparent;
4072
4221
  box-shadow: none;
4222
+ margin-top: 23px;
4073
4223
  max-width: 100%;
4074
4224
  min-width: 100%;
4075
4225
  overflow-y: auto;
@@ -4084,7 +4234,30 @@
4084
4234
 
4085
4235
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused,
4086
4236
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused {
4087
- background-color: #fff;
4237
+ background-color: transparent;
4238
+ }
4239
+
4240
+ .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4241
+ .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4242
+ padding-top: 0;
4243
+ }
4244
+
4245
+ .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
4246
+ .e-bigger.e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn {
4247
+ float: right;
4248
+ padding-left: 40px;
4249
+ padding-right: 0;
4250
+ }
4251
+
4252
+ .e-bigger .e-responsive-dialog.e-rtl .e-res-apply-btn,
4253
+ .e-bigger.e-responsive-dialog.e-rtl .e-res-apply-btn {
4254
+ padding-left: 0;
4255
+ padding-right: 20px;
4256
+ }
4257
+
4258
+ .e-bigger .e-responsive-dialog.e-rtl .e-ressortbutton-parent,
4259
+ .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
4260
+ float: left;
4088
4261
  }
4089
4262
 
4090
4263
  /*! Grid theme */
@@ -4233,12 +4406,12 @@
4233
4406
  border-right-color: #dee2e6;
4234
4407
  }
4235
4408
 
4236
- .e-grid .e-rowcell:not(.e-editedbatchcell),
4237
- .e-grid .e-detailrowcollapse:not(.e-editedbatchcell),
4238
- .e-grid .e-detailrowexpand:not(.e-editedbatchcell),
4239
- .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell),
4240
- .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell),
4241
- .e-grid .e-emptyrow:not(.e-editedbatchcell) {
4409
+ .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd),
4410
+ .e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd),
4411
+ .e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd),
4412
+ .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
4413
+ .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
4414
+ .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
4242
4415
  color: #212529;
4243
4416
  }
4244
4417
 
@@ -4262,6 +4435,7 @@
4262
4435
  .e-grid .e-indentcell,
4263
4436
  .e-grid .e-recordplusexpand,
4264
4437
  .e-grid .e-recordpluscollapse,
4438
+ .e-grid .e-rowdragdropcell,
4265
4439
  .e-grid .e-detailrowcollapse,
4266
4440
  .e-grid .e-detailrowexpand,
4267
4441
  .e-grid .e-detailindentcell,
@@ -4633,3 +4807,12 @@
4633
4807
  .e-filterbardropdown:not(.e-rtl) {
4634
4808
  margin-right: 22px;
4635
4809
  }
4810
+
4811
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown {
4812
+ border: transparent;
4813
+ }
4814
+
4815
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown:active,
4816
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown.e-input-focus {
4817
+ box-shadow: none;
4818
+ }