@syncfusion/ej2-angular-grids 20.4.54-ngcc → 21.1.35-ngcc

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 (61) hide show
  1. package/@syncfusion/ej2-angular-grids.es5.js +1 -1
  2. package/@syncfusion/ej2-angular-grids.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-grids.js +1 -1
  4. package/@syncfusion/ej2-angular-grids.js.map +1 -1
  5. package/CHANGELOG.md +35 -148
  6. package/dist/ej2-angular-grids.umd.js +2 -2
  7. package/dist/ej2-angular-grids.umd.js.map +1 -1
  8. package/dist/ej2-angular-grids.umd.min.js +2 -2
  9. package/dist/ej2-angular-grids.umd.min.js.map +1 -1
  10. package/ej2-angular-grids.metadata.json +1 -1
  11. package/package.json +9 -9
  12. package/schematics/utils/lib-details.d.ts +2 -2
  13. package/schematics/utils/lib-details.js +2 -2
  14. package/schematics/utils/lib-details.ts +2 -2
  15. package/src/grid/aggregate-columns.directive.d.ts +0 -1
  16. package/src/grid/grid.component.d.ts +2 -0
  17. package/styles/bootstrap-dark.css +33 -9
  18. package/styles/bootstrap.css +33 -9
  19. package/styles/bootstrap4.css +33 -9
  20. package/styles/bootstrap5-dark.css +34 -10
  21. package/styles/bootstrap5.css +34 -10
  22. package/styles/excel-filter/bootstrap-dark.css +9 -0
  23. package/styles/excel-filter/bootstrap.css +9 -0
  24. package/styles/excel-filter/bootstrap4.css +9 -0
  25. package/styles/excel-filter/bootstrap5-dark.css +9 -0
  26. package/styles/excel-filter/bootstrap5.css +9 -0
  27. package/styles/excel-filter/fabric-dark.css +9 -0
  28. package/styles/excel-filter/fabric.css +9 -0
  29. package/styles/excel-filter/fluent-dark.css +11 -2
  30. package/styles/excel-filter/fluent.css +11 -2
  31. package/styles/excel-filter/highcontrast-light.css +9 -0
  32. package/styles/excel-filter/highcontrast.css +9 -0
  33. package/styles/excel-filter/material-dark.css +9 -0
  34. package/styles/excel-filter/material.css +9 -0
  35. package/styles/excel-filter/tailwind-dark.css +9 -0
  36. package/styles/excel-filter/tailwind.css +9 -0
  37. package/styles/fabric-dark.css +33 -9
  38. package/styles/fabric.css +33 -9
  39. package/styles/fluent-dark.css +65 -18
  40. package/styles/fluent.css +65 -18
  41. package/styles/grid/bootstrap-dark.css +24 -9
  42. package/styles/grid/bootstrap.css +24 -9
  43. package/styles/grid/bootstrap4.css +24 -9
  44. package/styles/grid/bootstrap5-dark.css +25 -10
  45. package/styles/grid/bootstrap5.css +25 -10
  46. package/styles/grid/fabric-dark.css +24 -9
  47. package/styles/grid/fabric.css +24 -9
  48. package/styles/grid/fluent-dark.css +54 -16
  49. package/styles/grid/fluent.css +54 -16
  50. package/styles/grid/highcontrast-light.css +26 -11
  51. package/styles/grid/highcontrast.css +24 -9
  52. package/styles/grid/material-dark.css +24 -9
  53. package/styles/grid/material.css +24 -9
  54. package/styles/grid/tailwind-dark.css +24 -9
  55. package/styles/grid/tailwind.css +24 -9
  56. package/styles/highcontrast-light.css +35 -11
  57. package/styles/highcontrast.css +33 -9
  58. package/styles/material-dark.css +33 -9
  59. package/styles/material.css +33 -9
  60. package/styles/tailwind-dark.css +33 -9
  61. package/styles/tailwind.css +33 -9
@@ -409,8 +409,8 @@
409
409
  min-width: 38px;
410
410
  padding: 0;
411
411
  }
412
- .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
413
- .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
412
+ .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons,
413
+ .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons {
414
414
  font-size: 18px;
415
415
  }
416
416
  .e-bigger .e-grid .e-flmenu-valuediv,
@@ -450,8 +450,8 @@
450
450
  .e-grid.e-bigger .e-icon-grightarrow {
451
451
  font-size: 14px;
452
452
  }
453
- .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
454
- .e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
453
+ .e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
454
+ .e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
455
455
  font-size: 12px;
456
456
  }
457
457
  .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -1844,6 +1844,15 @@
1844
1844
  border-top-width: 1px;
1845
1845
  padding: 0.3em;
1846
1846
  }
1847
+ .e-grid th.e-detailcell .e-rowcell,
1848
+ .e-grid th.e-detailcell .e-gridpager {
1849
+ text-align: left;
1850
+ }
1851
+ .e-grid.e-rtl th.e-detailcell .e-rowcell, .e-grid.e-rtl th.e-detailcell .e-gridpager,
1852
+ .e-grid th.e-detailcell .e-rtl .e-rowcell,
1853
+ .e-grid th.e-detailcell .e-rtl .e-gridpager {
1854
+ text-align: right;
1855
+ }
1847
1856
  .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell {
1848
1857
  border-width: 0 0 0 1px;
1849
1858
  }
@@ -2321,9 +2330,8 @@
2321
2330
  -ms-user-select: none;
2322
2331
  user-select: none;
2323
2332
  }
2324
- .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
2333
+ .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
2325
2334
  font-size: 9px;
2326
- line-height: 3;
2327
2335
  }
2328
2336
  .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
2329
2337
  margin-top: 2px;
@@ -2940,7 +2948,7 @@
2940
2948
  .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
2941
2949
  line-height: 10px;
2942
2950
  }
2943
- .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
2951
+ .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv .e-filtermenudiv {
2944
2952
  line-height: 10px;
2945
2953
  }
2946
2954
  .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
@@ -3708,6 +3716,13 @@
3708
3716
  float: left;
3709
3717
  }
3710
3718
 
3719
+ /* stylelint-disable */
3720
+ .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
3721
+ .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
3722
+ max-height: 298px !important;
3723
+ }
3724
+
3725
+ /* stylelint-enable */
3711
3726
  /*! Grid theme */
3712
3727
  .e-grid {
3713
3728
  border-color: #484848;
@@ -3895,11 +3910,11 @@
3895
3910
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
3896
3911
  border-right-color: #9c9c9c;
3897
3912
  }
3898
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3913
+ .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3899
3914
  background-color: #393939;
3900
3915
  color: #f0f0f0;
3901
3916
  }
3902
- .e-grid tr[role=row]:hover .e-rowdragdrop {
3917
+ .e-grid .e-row:hover .e-rowdragdrop {
3903
3918
  cursor: move;
3904
3919
  }
3905
3920
  .e-grid .e-sortnumber {
@@ -410,8 +410,8 @@
410
410
  min-width: 38px;
411
411
  padding: 0;
412
412
  }
413
- .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
414
- .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
413
+ .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons,
414
+ .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons {
415
415
  font-size: 18px;
416
416
  }
417
417
  .e-bigger .e-grid .e-flmenu-valuediv,
@@ -451,8 +451,8 @@
451
451
  .e-grid.e-bigger .e-icon-grightarrow {
452
452
  font-size: 14px;
453
453
  }
454
- .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
455
- .e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
454
+ .e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
455
+ .e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
456
456
  font-size: 12px;
457
457
  }
458
458
  .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -1845,6 +1845,15 @@
1845
1845
  border-top-width: 1px;
1846
1846
  padding: 0.3em;
1847
1847
  }
1848
+ .e-grid th.e-detailcell .e-rowcell,
1849
+ .e-grid th.e-detailcell .e-gridpager {
1850
+ text-align: left;
1851
+ }
1852
+ .e-grid.e-rtl th.e-detailcell .e-rowcell, .e-grid.e-rtl th.e-detailcell .e-gridpager,
1853
+ .e-grid th.e-detailcell .e-rtl .e-rowcell,
1854
+ .e-grid th.e-detailcell .e-rtl .e-gridpager {
1855
+ text-align: right;
1856
+ }
1848
1857
  .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell {
1849
1858
  border-width: 0 0 0 1px;
1850
1859
  }
@@ -2322,9 +2331,8 @@
2322
2331
  -ms-user-select: none;
2323
2332
  user-select: none;
2324
2333
  }
2325
- .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
2334
+ .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
2326
2335
  font-size: 9px;
2327
- line-height: 3;
2328
2336
  }
2329
2337
  .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
2330
2338
  margin-top: 2px;
@@ -2941,7 +2949,7 @@
2941
2949
  .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
2942
2950
  line-height: 10px;
2943
2951
  }
2944
- .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
2952
+ .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv .e-filtermenudiv {
2945
2953
  line-height: 10px;
2946
2954
  }
2947
2955
  .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
@@ -3709,6 +3717,13 @@
3709
3717
  float: left;
3710
3718
  }
3711
3719
 
3720
+ /* stylelint-disable */
3721
+ .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
3722
+ .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
3723
+ max-height: 298px !important;
3724
+ }
3725
+
3726
+ /* stylelint-enable */
3712
3727
  /*! Grid theme */
3713
3728
  .e-grid {
3714
3729
  border-color: #ddd;
@@ -3896,11 +3911,11 @@
3896
3911
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
3897
3912
  border-right-color: #317ab9;
3898
3913
  }
3899
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3914
+ .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3900
3915
  background-color: #f5f5f5;
3901
3916
  color: #333;
3902
3917
  }
3903
- .e-grid tr[role=row]:hover .e-rowdragdrop {
3918
+ .e-grid .e-row:hover .e-rowdragdrop {
3904
3919
  cursor: move;
3905
3920
  }
3906
3921
  .e-grid .e-sortnumber {
@@ -449,8 +449,8 @@
449
449
  min-width: 38px;
450
450
  padding: 0;
451
451
  }
452
- .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
453
- .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
452
+ .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons,
453
+ .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons {
454
454
  font-size: 18px;
455
455
  }
456
456
  .e-bigger .e-grid .e-flmenu-valuediv,
@@ -490,8 +490,8 @@
490
490
  .e-grid.e-bigger .e-icon-grightarrow {
491
491
  font-size: 12px;
492
492
  }
493
- .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
494
- .e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
493
+ .e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
494
+ .e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
495
495
  font-size: 12px;
496
496
  }
497
497
  .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -1893,6 +1893,15 @@
1893
1893
  border-top-width: 1px;
1894
1894
  padding: 0.3em;
1895
1895
  }
1896
+ .e-grid th.e-detailcell .e-rowcell,
1897
+ .e-grid th.e-detailcell .e-gridpager {
1898
+ text-align: left;
1899
+ }
1900
+ .e-grid.e-rtl th.e-detailcell .e-rowcell, .e-grid.e-rtl th.e-detailcell .e-gridpager,
1901
+ .e-grid th.e-detailcell .e-rtl .e-rowcell,
1902
+ .e-grid th.e-detailcell .e-rtl .e-gridpager {
1903
+ text-align: right;
1904
+ }
1896
1905
  .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell {
1897
1906
  border-width: 0 0 0 1px;
1898
1907
  }
@@ -2372,9 +2381,8 @@
2372
2381
  -ms-user-select: none;
2373
2382
  user-select: none;
2374
2383
  }
2375
- .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
2384
+ .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
2376
2385
  font-size: 9px;
2377
- line-height: 3;
2378
2386
  }
2379
2387
  .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
2380
2388
  margin-top: 0;
@@ -2992,7 +3000,7 @@
2992
3000
  .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
2993
3001
  line-height: 3px;
2994
3002
  }
2995
- .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
3003
+ .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv .e-filtermenudiv {
2996
3004
  line-height: 3px;
2997
3005
  }
2998
3006
  .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
@@ -3761,6 +3769,13 @@
3761
3769
  float: left;
3762
3770
  }
3763
3771
 
3772
+ /* stylelint-disable */
3773
+ .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
3774
+ .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
3775
+ max-height: 298px !important;
3776
+ }
3777
+
3778
+ /* stylelint-enable */
3764
3779
  /*! Grid theme */
3765
3780
  .e-grid {
3766
3781
  border-color: #dee2e6;
@@ -3948,11 +3963,11 @@
3948
3963
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
3949
3964
  border-right-color: #6c757d;
3950
3965
  }
3951
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3966
+ .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3952
3967
  background-color: rgba(0, 0, 0, 0.08);
3953
3968
  color: #212529;
3954
3969
  }
3955
- .e-grid tr[role=row]:hover .e-rowdragdrop {
3970
+ .e-grid .e-row:hover .e-rowdragdrop {
3956
3971
  cursor: move;
3957
3972
  }
3958
3973
  .e-grid .e-sortnumber {
@@ -463,8 +463,8 @@
463
463
  min-width: 38px;
464
464
  padding: 0;
465
465
  }
466
- .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
467
- .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
466
+ .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons,
467
+ .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons {
468
468
  font-size: 16px;
469
469
  }
470
470
  .e-bigger .e-grid .e-flmenu-valuediv,
@@ -504,8 +504,8 @@
504
504
  .e-grid.e-bigger .e-icon-grightarrow {
505
505
  font-size: 16px;
506
506
  }
507
- .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
508
- .e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
507
+ .e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
508
+ .e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
509
509
  font-size: 16px;
510
510
  }
511
511
  .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -1908,6 +1908,15 @@
1908
1908
  border-top-width: 1px;
1909
1909
  padding: 0.3em;
1910
1910
  }
1911
+ .e-grid th.e-detailcell .e-rowcell,
1912
+ .e-grid th.e-detailcell .e-gridpager {
1913
+ text-align: left;
1914
+ }
1915
+ .e-grid.e-rtl th.e-detailcell .e-rowcell, .e-grid.e-rtl th.e-detailcell .e-gridpager,
1916
+ .e-grid th.e-detailcell .e-rtl .e-rowcell,
1917
+ .e-grid th.e-detailcell .e-rtl .e-gridpager {
1918
+ text-align: right;
1919
+ }
1911
1920
  .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell {
1912
1921
  border-width: 0 0 0 1px;
1913
1922
  }
@@ -2385,9 +2394,8 @@
2385
2394
  -ms-user-select: none;
2386
2395
  user-select: none;
2387
2396
  }
2388
- .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
2397
+ .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
2389
2398
  font-size: 14px;
2390
- line-height: 3;
2391
2399
  }
2392
2400
  .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
2393
2401
  margin-top: 4px;
@@ -3004,7 +3012,7 @@
3004
3012
  .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
3005
3013
  line-height: 3px;
3006
3014
  }
3007
- .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
3015
+ .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv .e-filtermenudiv {
3008
3016
  line-height: 3px;
3009
3017
  }
3010
3018
  .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
@@ -3367,7 +3375,7 @@
3367
3375
  .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
3368
3376
  .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
3369
3377
  .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons {
3370
- padding-bottom: 4px;
3378
+ padding-bottom: 0;
3371
3379
  color: #adb5bd;
3372
3380
  }
3373
3381
  .e-bigger .e-grid.e-row-responsive .e-toolbar .e-search-icon,
@@ -3784,6 +3792,13 @@
3784
3792
  float: left;
3785
3793
  }
3786
3794
 
3795
+ /* stylelint-disable */
3796
+ .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
3797
+ .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
3798
+ max-height: 298px !important;
3799
+ }
3800
+
3801
+ /* stylelint-enable */
3787
3802
  /*! Grid theme */
3788
3803
  .e-grid {
3789
3804
  border-color: #444c54;
@@ -3974,11 +3989,11 @@
3974
3989
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
3975
3990
  border-right-color: #444c54;
3976
3991
  }
3977
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3992
+ .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3978
3993
  background-color: #31373d;
3979
3994
  color: #fff;
3980
3995
  }
3981
- .e-grid tr[role=row]:hover .e-rowdragdrop {
3996
+ .e-grid .e-row:hover .e-rowdragdrop {
3982
3997
  cursor: move;
3983
3998
  }
3984
3999
  .e-grid .e-sortnumber {
@@ -463,8 +463,8 @@
463
463
  min-width: 38px;
464
464
  padding: 0;
465
465
  }
466
- .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
467
- .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
466
+ .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons,
467
+ .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons {
468
468
  font-size: 16px;
469
469
  }
470
470
  .e-bigger .e-grid .e-flmenu-valuediv,
@@ -504,8 +504,8 @@
504
504
  .e-grid.e-bigger .e-icon-grightarrow {
505
505
  font-size: 16px;
506
506
  }
507
- .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
508
- .e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
507
+ .e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
508
+ .e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
509
509
  font-size: 16px;
510
510
  }
511
511
  .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -1908,6 +1908,15 @@
1908
1908
  border-top-width: 1px;
1909
1909
  padding: 0.3em;
1910
1910
  }
1911
+ .e-grid th.e-detailcell .e-rowcell,
1912
+ .e-grid th.e-detailcell .e-gridpager {
1913
+ text-align: left;
1914
+ }
1915
+ .e-grid.e-rtl th.e-detailcell .e-rowcell, .e-grid.e-rtl th.e-detailcell .e-gridpager,
1916
+ .e-grid th.e-detailcell .e-rtl .e-rowcell,
1917
+ .e-grid th.e-detailcell .e-rtl .e-gridpager {
1918
+ text-align: right;
1919
+ }
1911
1920
  .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell {
1912
1921
  border-width: 0 0 0 1px;
1913
1922
  }
@@ -2385,9 +2394,8 @@
2385
2394
  -ms-user-select: none;
2386
2395
  user-select: none;
2387
2396
  }
2388
- .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
2397
+ .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
2389
2398
  font-size: 14px;
2390
- line-height: 3;
2391
2399
  }
2392
2400
  .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
2393
2401
  margin-top: 4px;
@@ -3004,7 +3012,7 @@
3004
3012
  .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
3005
3013
  line-height: 3px;
3006
3014
  }
3007
- .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
3015
+ .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv .e-filtermenudiv {
3008
3016
  line-height: 3px;
3009
3017
  }
3010
3018
  .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
@@ -3367,7 +3375,7 @@
3367
3375
  .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
3368
3376
  .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
3369
3377
  .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons {
3370
- padding-bottom: 4px;
3378
+ padding-bottom: 0;
3371
3379
  color: #6c757d;
3372
3380
  }
3373
3381
  .e-bigger .e-grid.e-row-responsive .e-toolbar .e-search-icon,
@@ -3784,6 +3792,13 @@
3784
3792
  float: left;
3785
3793
  }
3786
3794
 
3795
+ /* stylelint-disable */
3796
+ .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
3797
+ .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
3798
+ max-height: 298px !important;
3799
+ }
3800
+
3801
+ /* stylelint-enable */
3787
3802
  /*! Grid theme */
3788
3803
  .e-grid {
3789
3804
  border-color: #dee2e6;
@@ -3974,11 +3989,11 @@
3974
3989
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
3975
3990
  border-right-color: #dee2e6;
3976
3991
  }
3977
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3992
+ .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3978
3993
  background-color: #eff1f4;
3979
3994
  color: #212529;
3980
3995
  }
3981
- .e-grid tr[role=row]:hover .e-rowdragdrop {
3996
+ .e-grid .e-row:hover .e-rowdragdrop {
3982
3997
  cursor: move;
3983
3998
  }
3984
3999
  .e-grid .e-sortnumber {
@@ -383,8 +383,8 @@
383
383
  min-width: 38px;
384
384
  padding: 0;
385
385
  }
386
- .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
387
- .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
386
+ .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons,
387
+ .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons {
388
388
  font-size: 18px;
389
389
  }
390
390
  .e-bigger .e-grid .e-flmenu-valuediv,
@@ -424,8 +424,8 @@
424
424
  .e-grid.e-bigger .e-icon-grightarrow {
425
425
  font-size: 14px;
426
426
  }
427
- .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
428
- .e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
427
+ .e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
428
+ .e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
429
429
  font-size: 12px;
430
430
  }
431
431
  .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -1818,6 +1818,15 @@
1818
1818
  border-top-width: 1px;
1819
1819
  padding: 0.3em;
1820
1820
  }
1821
+ .e-grid th.e-detailcell .e-rowcell,
1822
+ .e-grid th.e-detailcell .e-gridpager {
1823
+ text-align: left;
1824
+ }
1825
+ .e-grid.e-rtl th.e-detailcell .e-rowcell, .e-grid.e-rtl th.e-detailcell .e-gridpager,
1826
+ .e-grid th.e-detailcell .e-rtl .e-rowcell,
1827
+ .e-grid th.e-detailcell .e-rtl .e-gridpager {
1828
+ text-align: right;
1829
+ }
1821
1830
  .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell {
1822
1831
  border-width: 0 0 0 1px;
1823
1832
  }
@@ -2295,9 +2304,8 @@
2295
2304
  -ms-user-select: none;
2296
2305
  user-select: none;
2297
2306
  }
2298
- .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
2307
+ .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
2299
2308
  font-size: 9px;
2300
- line-height: 3;
2301
2309
  }
2302
2310
  .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
2303
2311
  margin-top: 3px;
@@ -2914,7 +2922,7 @@
2914
2922
  .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
2915
2923
  line-height: 18px;
2916
2924
  }
2917
- .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
2925
+ .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv .e-filtermenudiv {
2918
2926
  line-height: 18px;
2919
2927
  }
2920
2928
  .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
@@ -3682,6 +3690,13 @@
3682
3690
  float: left;
3683
3691
  }
3684
3692
 
3693
+ /* stylelint-disable */
3694
+ .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
3695
+ .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
3696
+ max-height: 298px !important;
3697
+ }
3698
+
3699
+ /* stylelint-enable */
3685
3700
  /*! Grid theme */
3686
3701
  .e-grid {
3687
3702
  border-color: #414040;
@@ -3869,11 +3884,11 @@
3869
3884
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
3870
3885
  border-right-color: #fff;
3871
3886
  }
3872
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3887
+ .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3873
3888
  background-color: #414040;
3874
3889
  color: #fff;
3875
3890
  }
3876
- .e-grid tr[role=row]:hover .e-rowdragdrop {
3891
+ .e-grid .e-row:hover .e-rowdragdrop {
3877
3892
  cursor: move;
3878
3893
  }
3879
3894
  .e-grid .e-sortnumber {
@@ -376,8 +376,8 @@
376
376
  min-width: 38px;
377
377
  padding: 0;
378
378
  }
379
- .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
380
- .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
379
+ .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons,
380
+ .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons {
381
381
  font-size: 18px;
382
382
  }
383
383
  .e-bigger .e-grid .e-flmenu-valuediv,
@@ -417,8 +417,8 @@
417
417
  .e-grid.e-bigger .e-icon-grightarrow {
418
418
  font-size: 14px;
419
419
  }
420
- .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
421
- .e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
420
+ .e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
421
+ .e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
422
422
  font-size: 12px;
423
423
  }
424
424
  .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -1811,6 +1811,15 @@
1811
1811
  border-top-width: 1px;
1812
1812
  padding: 0.3em;
1813
1813
  }
1814
+ .e-grid th.e-detailcell .e-rowcell,
1815
+ .e-grid th.e-detailcell .e-gridpager {
1816
+ text-align: left;
1817
+ }
1818
+ .e-grid.e-rtl th.e-detailcell .e-rowcell, .e-grid.e-rtl th.e-detailcell .e-gridpager,
1819
+ .e-grid th.e-detailcell .e-rtl .e-rowcell,
1820
+ .e-grid th.e-detailcell .e-rtl .e-gridpager {
1821
+ text-align: right;
1822
+ }
1814
1823
  .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell {
1815
1824
  border-width: 0 0 0 1px;
1816
1825
  }
@@ -2288,9 +2297,8 @@
2288
2297
  -ms-user-select: none;
2289
2298
  user-select: none;
2290
2299
  }
2291
- .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
2300
+ .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
2292
2301
  font-size: 9px;
2293
- line-height: 3;
2294
2302
  }
2295
2303
  .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
2296
2304
  margin-top: 3px;
@@ -2907,7 +2915,7 @@
2907
2915
  .e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
2908
2916
  line-height: 18px;
2909
2917
  }
2910
- .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
2918
+ .e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv .e-filtermenudiv {
2911
2919
  line-height: 18px;
2912
2920
  }
2913
2921
  .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
@@ -3675,6 +3683,13 @@
3675
3683
  float: left;
3676
3684
  }
3677
3685
 
3686
+ /* stylelint-disable */
3687
+ .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
3688
+ .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
3689
+ max-height: 298px !important;
3690
+ }
3691
+
3692
+ /* stylelint-enable */
3678
3693
  /*! Grid theme */
3679
3694
  .e-grid {
3680
3695
  border-color: #eaeaea;
@@ -3862,11 +3877,11 @@
3862
3877
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
3863
3878
  border-right-color: #0078d6;
3864
3879
  }
3865
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3880
+ .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
3866
3881
  background-color: #f4f4f4;
3867
3882
  color: #333;
3868
3883
  }
3869
- .e-grid tr[role=row]:hover .e-rowdragdrop {
3884
+ .e-grid .e-row:hover .e-rowdragdrop {
3870
3885
  cursor: move;
3871
3886
  }
3872
3887
  .e-grid .e-sortnumber {