@syncfusion/ej2-react-grids 26.1.35 → 26.1.39

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 (40) hide show
  1. package/dist/ej2-react-grids.min.js +1 -1
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +7 -7
  4. package/styles/bootstrap-dark.css +36 -2
  5. package/styles/bootstrap.css +36 -2
  6. package/styles/bootstrap4.css +36 -2
  7. package/styles/bootstrap5-dark.css +36 -2
  8. package/styles/bootstrap5.css +36 -2
  9. package/styles/excel-filter/fluent2.css +7 -14
  10. package/styles/fabric-dark.css +36 -2
  11. package/styles/fabric.css +36 -2
  12. package/styles/fluent-dark.css +37 -2
  13. package/styles/fluent.css +37 -2
  14. package/styles/fluent2.css +73 -41
  15. package/styles/grid/bootstrap-dark.css +36 -2
  16. package/styles/grid/bootstrap.css +36 -2
  17. package/styles/grid/bootstrap4.css +36 -2
  18. package/styles/grid/bootstrap5-dark.css +36 -2
  19. package/styles/grid/bootstrap5.css +36 -2
  20. package/styles/grid/fabric-dark.css +36 -2
  21. package/styles/grid/fabric.css +36 -2
  22. package/styles/grid/fluent-dark.css +37 -2
  23. package/styles/grid/fluent.css +37 -2
  24. package/styles/grid/fluent2.css +66 -27
  25. package/styles/grid/highcontrast-light.css +36 -2
  26. package/styles/grid/highcontrast.css +36 -2
  27. package/styles/grid/material-dark.css +36 -2
  28. package/styles/grid/material.css +36 -2
  29. package/styles/grid/material3-dark.css +36 -2
  30. package/styles/grid/material3.css +36 -2
  31. package/styles/grid/tailwind-dark.css +36 -2
  32. package/styles/grid/tailwind.css +36 -2
  33. package/styles/highcontrast-light.css +36 -2
  34. package/styles/highcontrast.css +36 -2
  35. package/styles/material-dark.css +36 -2
  36. package/styles/material.css +36 -2
  37. package/styles/material3-dark.css +36 -2
  38. package/styles/material3.css +36 -2
  39. package/styles/tailwind-dark.css +36 -2
  40. package/styles/tailwind.css +36 -2
package/styles/grid/tailwind-dark.css CHANGED
@@ -3711,7 +3711,7 @@
3711
3711
  }
3712
3712
  .e-grid-min-height .e-gridcontent .e-groupcaption {
3713
3713
  line-height: normal;
3714
- padding: 0.7em;
3714
+ padding: 0 0.7em;
3715
3715
  }
3716
3716
  .e-grid-min-height .e-summarycell {
3717
3717
  line-height: normal;
@@ -4289,11 +4289,40 @@
4289
4289
  min-height: 160px;
4290
4290
  overflow-y: auto;
4291
4291
  }
4292
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
4293
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
4294
+ border-top-style: solid;
4295
+ border-top-color: rgba(209, 213, 219, 0.12);
4296
+ border-top-width: 1px;
4297
+ margin-top: 0;
4298
+ overflow-x: hidden;
4299
+ }
4292
4300
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
4293
4301
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
4294
4302
  padding-bottom: 9px;
4295
4303
  padding-top: 9px;
4296
4304
  }
4305
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
4306
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
4307
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4308
+ height: 1px;
4309
+ opacity: 0;
4310
+ width: 1px;
4311
+ }
4312
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
4313
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
4314
+ display: inline-block;
4315
+ height: 10px;
4316
+ width: 80%;
4317
+ }
4318
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
4319
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
4320
+ width: 13px;
4321
+ }
4322
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
4323
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
4324
+ margin-left: 8px;
4325
+ }
4297
4326
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
4298
4327
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
4299
4328
  padding: 8px;
@@ -4307,7 +4336,8 @@
4307
4336
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
4308
4337
  padding-left: 0;
4309
4338
  }
4310
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4339
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4340
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
4311
4341
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
4312
4342
  margin-left: -7px;
4313
4343
  }
@@ -4548,6 +4578,10 @@
4548
4578
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
4549
4579
  border-color: #4b5563;
4550
4580
  }
4581
+ .e-grid .e-headercell,
4582
+ .e-grid .e-detailheadercell {
4583
+ background-color: #232e3e;
4584
+ }
4551
4585
  .e-grid .e-gridcontent {
4552
4586
  background-color: #1f2937;
4553
4587
  }
package/styles/grid/tailwind.css CHANGED
@@ -3711,7 +3711,7 @@
3711
3711
  }
3712
3712
  .e-grid-min-height .e-gridcontent .e-groupcaption {
3713
3713
  line-height: normal;
3714
- padding: 0.7em;
3714
+ padding: 0 0.7em;
3715
3715
  }
3716
3716
  .e-grid-min-height .e-summarycell {
3717
3717
  line-height: normal;
@@ -4289,11 +4289,40 @@
4289
4289
  min-height: 160px;
4290
4290
  overflow-y: auto;
4291
4291
  }
4292
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
4293
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
4294
+ border-top-style: solid;
4295
+ border-top-color: rgba(55, 65, 81, 0.12);
4296
+ border-top-width: 1px;
4297
+ margin-top: 0;
4298
+ overflow-x: hidden;
4299
+ }
4292
4300
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
4293
4301
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
4294
4302
  padding-bottom: 9px;
4295
4303
  padding-top: 9px;
4296
4304
  }
4305
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
4306
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
4307
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4308
+ height: 1px;
4309
+ opacity: 0;
4310
+ width: 1px;
4311
+ }
4312
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
4313
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
4314
+ display: inline-block;
4315
+ height: 10px;
4316
+ width: 80%;
4317
+ }
4318
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
4319
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
4320
+ width: 13px;
4321
+ }
4322
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
4323
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
4324
+ margin-left: 8px;
4325
+ }
4297
4326
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
4298
4327
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
4299
4328
  padding: 8px;
@@ -4307,7 +4336,8 @@
4307
4336
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
4308
4337
  padding-left: 0;
4309
4338
  }
4310
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4339
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4340
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
4311
4341
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
4312
4342
  margin-left: -7px;
4313
4343
  }
@@ -4548,6 +4578,10 @@
4548
4578
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
4549
4579
  border-color: #e5e7eb;
4550
4580
  }
4581
+ .e-grid .e-headercell,
4582
+ .e-grid .e-detailheadercell {
4583
+ background-color: #f9fafb;
4584
+ }
4551
4585
  .e-grid .e-gridcontent {
4552
4586
  background-color: #fff;
4553
4587
  }
package/styles/highcontrast-light.css CHANGED
@@ -4025,7 +4025,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4025
4025
  }
4026
4026
  .e-grid-min-height .e-gridcontent .e-groupcaption {
4027
4027
  line-height: normal;
4028
- padding: 0.7em;
4028
+ padding: 0 0.7em;
4029
4029
  }
4030
4030
  .e-grid-min-height .e-summarycell {
4031
4031
  line-height: normal;
@@ -4595,11 +4595,40 @@ li.e-separator.e-menu-item.e-excel-separator {
4595
4595
  min-height: 160px;
4596
4596
  overflow-y: auto;
4597
4597
  }
4598
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
4599
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
4600
+ border-top-style: solid;
4601
+ border-top-color: #757575;
4602
+ border-top-width: 1px;
4603
+ margin-top: 0;
4604
+ overflow-x: hidden;
4605
+ }
4598
4606
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
4599
4607
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
4600
4608
  padding-bottom: 12px;
4601
4609
  padding-top: 12px;
4602
4610
  }
4611
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
4612
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
4613
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4614
+ height: 1px;
4615
+ opacity: 0;
4616
+ width: 1px;
4617
+ }
4618
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
4619
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
4620
+ display: inline-block;
4621
+ height: 10px;
4622
+ width: 80%;
4623
+ }
4624
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
4625
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
4626
+ width: 13px;
4627
+ }
4628
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
4629
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
4630
+ margin-left: 8px;
4631
+ }
4603
4632
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
4604
4633
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
4605
4634
  padding: 8px;
@@ -4613,7 +4642,8 @@ li.e-separator.e-menu-item.e-excel-separator {
4613
4642
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
4614
4643
  padding-left: 0;
4615
4644
  }
4616
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4645
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4646
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
4617
4647
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
4618
4648
  margin-left: -7px;
4619
4649
  }
@@ -4853,6 +4883,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4853
4883
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
4854
4884
  border-color: #757575;
4855
4885
  }
4886
+ .e-grid .e-headercell,
4887
+ .e-grid .e-detailheadercell {
4888
+ background-color: #fff;
4889
+ }
4856
4890
  .e-grid .e-gridcontent {
4857
4891
  background-color: #ccc;
4858
4892
  }
package/styles/highcontrast.css CHANGED
@@ -4025,7 +4025,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4025
4025
  }
4026
4026
  .e-grid-min-height .e-gridcontent .e-groupcaption {
4027
4027
  line-height: normal;
4028
- padding: 0.7em;
4028
+ padding: 0 0.7em;
4029
4029
  }
4030
4030
  .e-grid-min-height .e-summarycell {
4031
4031
  line-height: normal;
@@ -4595,11 +4595,40 @@ li.e-separator.e-menu-item.e-excel-separator {
4595
4595
  min-height: 160px;
4596
4596
  overflow-y: auto;
4597
4597
  }
4598
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
4599
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
4600
+ border-top-style: solid;
4601
+ border-top-color: #969696;
4602
+ border-top-width: 1px;
4603
+ margin-top: 0;
4604
+ overflow-x: hidden;
4605
+ }
4598
4606
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
4599
4607
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
4600
4608
  padding-bottom: 12px;
4601
4609
  padding-top: 12px;
4602
4610
  }
4611
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
4612
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
4613
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4614
+ height: 1px;
4615
+ opacity: 0;
4616
+ width: 1px;
4617
+ }
4618
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
4619
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
4620
+ display: inline-block;
4621
+ height: 10px;
4622
+ width: 80%;
4623
+ }
4624
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
4625
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
4626
+ width: 13px;
4627
+ }
4628
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
4629
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
4630
+ margin-left: 8px;
4631
+ }
4603
4632
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
4604
4633
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
4605
4634
  padding: 8px;
@@ -4613,7 +4642,8 @@ li.e-separator.e-menu-item.e-excel-separator {
4613
4642
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
4614
4643
  padding-left: 0;
4615
4644
  }
4616
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4645
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4646
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
4617
4647
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
4618
4648
  margin-left: -7px;
4619
4649
  }
@@ -4853,6 +4883,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4853
4883
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
4854
4884
  border-color: #969696;
4855
4885
  }
4886
+ .e-grid .e-headercell,
4887
+ .e-grid .e-detailheadercell {
4888
+ background-color: #000;
4889
+ }
4856
4890
  .e-grid .e-gridcontent {
4857
4891
  background-color: #333;
4858
4892
  }
package/styles/material-dark.css CHANGED
@@ -4114,7 +4114,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4114
4114
  }
4115
4115
  .e-grid-min-height .e-gridcontent .e-groupcaption {
4116
4116
  line-height: normal;
4117
- padding: 0.7em;
4117
+ padding: 0 0.7em;
4118
4118
  }
4119
4119
  .e-grid-min-height .e-summarycell {
4120
4120
  line-height: normal;
@@ -4685,11 +4685,40 @@ li.e-separator.e-menu-item.e-excel-separator {
4685
4685
  min-height: 160px;
4686
4686
  overflow-y: auto;
4687
4687
  }
4688
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
4689
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
4690
+ border-top-style: solid;
4691
+ border-top-color: rgba(255, 255, 255, 0.12);
4692
+ border-top-width: 1px;
4693
+ margin-top: 0;
4694
+ overflow-x: hidden;
4695
+ }
4688
4696
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
4689
4697
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
4690
4698
  padding-bottom: 13px;
4691
4699
  padding-top: 13px;
4692
4700
  }
4701
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
4702
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
4703
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4704
+ height: 1px;
4705
+ opacity: 0;
4706
+ width: 1px;
4707
+ }
4708
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
4709
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
4710
+ display: inline-block;
4711
+ height: 10px;
4712
+ width: 80%;
4713
+ }
4714
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
4715
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
4716
+ width: 13px;
4717
+ }
4718
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
4719
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
4720
+ margin-left: 8px;
4721
+ }
4693
4722
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
4694
4723
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
4695
4724
  padding: 8px;
@@ -4703,7 +4732,8 @@ li.e-separator.e-menu-item.e-excel-separator {
4703
4732
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
4704
4733
  padding-left: 0;
4705
4734
  }
4706
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4735
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4736
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
4707
4737
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
4708
4738
  margin-left: -7px;
4709
4739
  }
@@ -4944,6 +4974,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4944
4974
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
4945
4975
  border-color: #616161;
4946
4976
  }
4977
+ .e-grid .e-headercell,
4978
+ .e-grid .e-detailheadercell {
4979
+ background-color: #303030;
4980
+ }
4947
4981
  .e-grid .e-gridcontent {
4948
4982
  background-color: #fff;
4949
4983
  }
package/styles/material.css CHANGED
@@ -4169,7 +4169,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4169
4169
  }
4170
4170
  .e-grid-min-height .e-gridcontent .e-groupcaption {
4171
4171
  line-height: normal;
4172
- padding: 0.7em;
4172
+ padding: 0 0.7em;
4173
4173
  }
4174
4174
  .e-grid-min-height .e-summarycell {
4175
4175
  line-height: normal;
@@ -4740,11 +4740,40 @@ li.e-separator.e-menu-item.e-excel-separator {
4740
4740
  min-height: 160px;
4741
4741
  overflow-y: auto;
4742
4742
  }
4743
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
4744
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
4745
+ border-top-style: solid;
4746
+ border-top-color: rgba(0, 0, 0, 0.12);
4747
+ border-top-width: 1px;
4748
+ margin-top: 0;
4749
+ overflow-x: hidden;
4750
+ }
4743
4751
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
4744
4752
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
4745
4753
  padding-bottom: 13px;
4746
4754
  padding-top: 13px;
4747
4755
  }
4756
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
4757
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
4758
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4759
+ height: 1px;
4760
+ opacity: 0;
4761
+ width: 1px;
4762
+ }
4763
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
4764
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
4765
+ display: inline-block;
4766
+ height: 10px;
4767
+ width: 80%;
4768
+ }
4769
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
4770
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
4771
+ width: 13px;
4772
+ }
4773
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
4774
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
4775
+ margin-left: 8px;
4776
+ }
4748
4777
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
4749
4778
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
4750
4779
  padding: 8px;
@@ -4758,7 +4787,8 @@ li.e-separator.e-menu-item.e-excel-separator {
4758
4787
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
4759
4788
  padding-left: 0;
4760
4789
  }
4761
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4790
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4791
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
4762
4792
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
4763
4793
  margin-left: -7px;
4764
4794
  }
@@ -4999,6 +5029,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4999
5029
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
5000
5030
  border-color: #e0e0e0;
5001
5031
  }
5032
+ .e-grid .e-headercell,
5033
+ .e-grid .e-detailheadercell {
5034
+ background-color: #fff;
5035
+ }
5002
5036
  .e-grid .e-gridcontent {
5003
5037
  background-color: #fff;
5004
5038
  }
package/styles/material3-dark.css CHANGED
@@ -4560,7 +4560,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4560
4560
  }
4561
4561
  .e-grid-min-height .e-gridcontent .e-groupcaption {
4562
4562
  line-height: normal;
4563
- padding: 0.7em;
4563
+ padding: 0 0.7em;
4564
4564
  }
4565
4565
  .e-grid-min-height .e-summarycell {
4566
4566
  line-height: normal;
@@ -5152,11 +5152,40 @@ li.e-separator.e-menu-item.e-excel-separator {
5152
5152
  min-height: 160px;
5153
5153
  overflow-y: auto;
5154
5154
  }
5155
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
5156
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
5157
+ border-top-style: solid;
5158
+ border-top-color: rgba(var(--color-sf-on-surface-variant), 0.12);
5159
+ border-top-width: 1px;
5160
+ margin-top: 0;
5161
+ overflow-x: hidden;
5162
+ }
5155
5163
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
5156
5164
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
5157
5165
  padding-bottom: 9px;
5158
5166
  padding-top: 9px;
5159
5167
  }
5168
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
5169
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
5170
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
5171
+ height: 1px;
5172
+ opacity: 0;
5173
+ width: 1px;
5174
+ }
5175
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
5176
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
5177
+ display: inline-block;
5178
+ height: 10px;
5179
+ width: 80%;
5180
+ }
5181
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
5182
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
5183
+ width: 13px;
5184
+ }
5185
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
5186
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
5187
+ margin-left: 8px;
5188
+ }
5160
5189
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
5161
5190
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
5162
5191
  padding: 8px;
@@ -5170,7 +5199,8 @@ li.e-separator.e-menu-item.e-excel-separator {
5170
5199
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
5171
5200
  padding-left: 0;
5172
5201
  }
5173
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
5202
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
5203
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
5174
5204
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
5175
5205
  margin-left: -7px;
5176
5206
  }
@@ -5416,6 +5446,10 @@ li.e-separator.e-menu-item.e-excel-separator {
5416
5446
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
5417
5447
  border-color: rgba(var(--color-sf-outline-variant));
5418
5448
  }
5449
+ .e-grid .e-headercell,
5450
+ .e-grid .e-detailheadercell {
5451
+ background-color: rgba(var(--color-sf-surface));
5452
+ }
5419
5453
  .e-grid .e-gridcontent {
5420
5454
  background-color: rgba(var(--color-sf-surface));
5421
5455
  }
package/styles/material3.css CHANGED
@@ -4784,7 +4784,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4784
4784
  }
4785
4785
  .e-grid-min-height .e-gridcontent .e-groupcaption {
4786
4786
  line-height: normal;
4787
- padding: 0.7em;
4787
+ padding: 0 0.7em;
4788
4788
  }
4789
4789
  .e-grid-min-height .e-summarycell {
4790
4790
  line-height: normal;
@@ -5376,11 +5376,40 @@ li.e-separator.e-menu-item.e-excel-separator {
5376
5376
  min-height: 160px;
5377
5377
  overflow-y: auto;
5378
5378
  }
5379
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
5380
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
5381
+ border-top-style: solid;
5382
+ border-top-color: rgba(var(--color-sf-on-surface-variant), 0.12);
5383
+ border-top-width: 1px;
5384
+ margin-top: 0;
5385
+ overflow-x: hidden;
5386
+ }
5379
5387
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
5380
5388
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
5381
5389
  padding-bottom: 9px;
5382
5390
  padding-top: 9px;
5383
5391
  }
5392
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
5393
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
5394
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
5395
+ height: 1px;
5396
+ opacity: 0;
5397
+ width: 1px;
5398
+ }
5399
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
5400
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
5401
+ display: inline-block;
5402
+ height: 10px;
5403
+ width: 80%;
5404
+ }
5405
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
5406
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
5407
+ width: 13px;
5408
+ }
5409
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
5410
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
5411
+ margin-left: 8px;
5412
+ }
5384
5413
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
5385
5414
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
5386
5415
  padding: 8px;
@@ -5394,7 +5423,8 @@ li.e-separator.e-menu-item.e-excel-separator {
5394
5423
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
5395
5424
  padding-left: 0;
5396
5425
  }
5397
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
5426
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
5427
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
5398
5428
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
5399
5429
  margin-left: -7px;
5400
5430
  }
@@ -5640,6 +5670,10 @@ li.e-separator.e-menu-item.e-excel-separator {
5640
5670
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
5641
5671
  border-color: rgba(var(--color-sf-outline-variant));
5642
5672
  }
5673
+ .e-grid .e-headercell,
5674
+ .e-grid .e-detailheadercell {
5675
+ background-color: rgba(var(--color-sf-surface));
5676
+ }
5643
5677
  .e-grid .e-gridcontent {
5644
5678
  background-color: rgba(var(--color-sf-surface));
5645
5679
  }
package/styles/tailwind-dark.css CHANGED
@@ -4135,7 +4135,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4135
4135
  }
4136
4136
  .e-grid-min-height .e-gridcontent .e-groupcaption {
4137
4137
  line-height: normal;
4138
- padding: 0.7em;
4138
+ padding: 0 0.7em;
4139
4139
  }
4140
4140
  .e-grid-min-height .e-summarycell {
4141
4141
  line-height: normal;
@@ -4713,11 +4713,40 @@ li.e-separator.e-menu-item.e-excel-separator {
4713
4713
  min-height: 160px;
4714
4714
  overflow-y: auto;
4715
4715
  }
4716
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
4717
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
4718
+ border-top-style: solid;
4719
+ border-top-color: rgba(209, 213, 219, 0.12);
4720
+ border-top-width: 1px;
4721
+ margin-top: 0;
4722
+ overflow-x: hidden;
4723
+ }
4716
4724
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
4717
4725
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
4718
4726
  padding-bottom: 9px;
4719
4727
  padding-top: 9px;
4720
4728
  }
4729
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
4730
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
4731
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4732
+ height: 1px;
4733
+ opacity: 0;
4734
+ width: 1px;
4735
+ }
4736
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
4737
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
4738
+ display: inline-block;
4739
+ height: 10px;
4740
+ width: 80%;
4741
+ }
4742
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
4743
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
4744
+ width: 13px;
4745
+ }
4746
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
4747
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
4748
+ margin-left: 8px;
4749
+ }
4721
4750
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
4722
4751
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
4723
4752
  padding: 8px;
@@ -4731,7 +4760,8 @@ li.e-separator.e-menu-item.e-excel-separator {
4731
4760
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
4732
4761
  padding-left: 0;
4733
4762
  }
4734
- .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4763
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
4764
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
4735
4765
  .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
4736
4766
  margin-left: -7px;
4737
4767
  }
@@ -4972,6 +5002,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4972
5002
  .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
4973
5003
  border-color: #4b5563;
4974
5004
  }
5005
+ .e-grid .e-headercell,
5006
+ .e-grid .e-detailheadercell {
5007
+ background-color: #232e3e;
5008
+ }
4975
5009
  .e-grid .e-gridcontent {
4976
5010
  background-color: #1f2937;
4977
5011
  }