@syncfusion/ej2-vue-dropdowns 22.2.12 → 23.1.38

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 (111) hide show
  1. package/CHANGELOG.md +9 -212
  2. package/dist/ej2-vue-dropdowns.umd.min.js +3 -3
  3. package/dist/ej2-vue-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js +15 -6
  5. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-dropdowns.es5.js +15 -6
  7. package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-dropdowns.min.js +3 -3
  9. package/package.json +9 -9
  10. package/src/auto-complete/autocomplete.component.d.ts +3 -1
  11. package/src/auto-complete/autocomplete.component.js +5 -2
  12. package/src/combo-box/combobox.component.d.ts +3 -1
  13. package/src/combo-box/combobox.component.js +5 -2
  14. package/src/drop-down-list/dropdownlist.component.d.ts +3 -1
  15. package/src/drop-down-list/dropdownlist.component.js +5 -2
  16. package/src/drop-down-tree/dropdowntree.component.d.ts +3 -1
  17. package/src/list-box/listbox.component.d.ts +3 -1
  18. package/src/mention/mention.component.d.ts +3 -1
  19. package/src/multi-select/multiselect.component.d.ts +3 -1
  20. package/styles/auto-complete/material-dark.css +0 -1
  21. package/styles/auto-complete/material.css +0 -1
  22. package/styles/auto-complete/material3-dark.css +0 -1
  23. package/styles/auto-complete/material3-dark.scss +1 -1
  24. package/styles/auto-complete/material3.css +0 -1
  25. package/styles/auto-complete/material3.scss +1 -1
  26. package/styles/auto-complete/tailwind-dark.css +0 -1
  27. package/styles/auto-complete/tailwind.css +0 -1
  28. package/styles/bootstrap-dark.css +70 -15
  29. package/styles/bootstrap.css +70 -15
  30. package/styles/bootstrap4.css +71 -16
  31. package/styles/bootstrap5-dark.css +71 -16
  32. package/styles/bootstrap5.css +71 -16
  33. package/styles/combo-box/material-dark.css +0 -1
  34. package/styles/combo-box/material.css +0 -1
  35. package/styles/combo-box/material3-dark.css +0 -1
  36. package/styles/combo-box/material3-dark.scss +1 -1
  37. package/styles/combo-box/material3.css +0 -1
  38. package/styles/combo-box/material3.scss +1 -1
  39. package/styles/combo-box/tailwind-dark.css +0 -1
  40. package/styles/combo-box/tailwind.css +0 -1
  41. package/styles/drop-down-base/material-dark.css +0 -1
  42. package/styles/drop-down-base/material.css +0 -1
  43. package/styles/drop-down-base/material3-dark.css +0 -1
  44. package/styles/drop-down-base/material3-dark.scss +1 -1
  45. package/styles/drop-down-base/material3.css +0 -1
  46. package/styles/drop-down-base/material3.scss +1 -1
  47. package/styles/drop-down-base/tailwind-dark.css +0 -1
  48. package/styles/drop-down-base/tailwind.css +0 -1
  49. package/styles/drop-down-list/material-dark.css +0 -1
  50. package/styles/drop-down-list/material.css +0 -1
  51. package/styles/drop-down-list/material3-dark.css +0 -1
  52. package/styles/drop-down-list/material3-dark.scss +1 -1
  53. package/styles/drop-down-list/material3.css +0 -1
  54. package/styles/drop-down-list/material3.scss +1 -1
  55. package/styles/drop-down-list/tailwind-dark.css +0 -1
  56. package/styles/drop-down-list/tailwind.css +0 -1
  57. package/styles/drop-down-tree/material-dark.css +0 -1
  58. package/styles/drop-down-tree/material.css +0 -1
  59. package/styles/drop-down-tree/material3-dark.css +0 -1
  60. package/styles/drop-down-tree/material3-dark.scss +1 -1
  61. package/styles/drop-down-tree/material3.css +0 -1
  62. package/styles/drop-down-tree/material3.scss +1 -1
  63. package/styles/drop-down-tree/tailwind-dark.css +0 -1
  64. package/styles/drop-down-tree/tailwind.css +0 -1
  65. package/styles/fabric-dark.css +70 -15
  66. package/styles/fabric.css +70 -15
  67. package/styles/fluent-dark.css +71 -16
  68. package/styles/fluent.css +71 -16
  69. package/styles/highcontrast-light.css +70 -15
  70. package/styles/highcontrast.css +70 -15
  71. package/styles/list-box/bootstrap-dark.css +70 -15
  72. package/styles/list-box/bootstrap.css +70 -15
  73. package/styles/list-box/bootstrap4.css +71 -16
  74. package/styles/list-box/bootstrap5-dark.css +71 -16
  75. package/styles/list-box/bootstrap5.css +71 -16
  76. package/styles/list-box/fabric-dark.css +70 -15
  77. package/styles/list-box/fabric.css +70 -15
  78. package/styles/list-box/fluent-dark.css +71 -16
  79. package/styles/list-box/fluent.css +71 -16
  80. package/styles/list-box/highcontrast-light.css +70 -15
  81. package/styles/list-box/highcontrast.css +70 -15
  82. package/styles/list-box/material-dark.css +71 -17
  83. package/styles/list-box/material.css +71 -17
  84. package/styles/list-box/material3-dark.css +71 -17
  85. package/styles/list-box/material3-dark.scss +1 -1
  86. package/styles/list-box/material3.css +71 -17
  87. package/styles/list-box/material3.scss +1 -1
  88. package/styles/list-box/tailwind-dark.css +71 -17
  89. package/styles/list-box/tailwind.css +71 -17
  90. package/styles/material-dark.css +71 -17
  91. package/styles/material.css +71 -17
  92. package/styles/material3-dark.css +71 -24
  93. package/styles/material3.css +71 -17
  94. package/styles/mention/material-dark.css +0 -1
  95. package/styles/mention/material.css +0 -1
  96. package/styles/mention/material3-dark.css +0 -1
  97. package/styles/mention/material3-dark.scss +1 -1
  98. package/styles/mention/material3.css +0 -1
  99. package/styles/mention/material3.scss +1 -1
  100. package/styles/mention/tailwind-dark.css +0 -1
  101. package/styles/mention/tailwind.css +0 -1
  102. package/styles/multi-select/material-dark.css +0 -1
  103. package/styles/multi-select/material.css +0 -1
  104. package/styles/multi-select/material3-dark.css +0 -1
  105. package/styles/multi-select/material3-dark.scss +1 -1
  106. package/styles/multi-select/material3.css +0 -1
  107. package/styles/multi-select/material3.scss +1 -1
  108. package/styles/multi-select/tailwind-dark.css +0 -1
  109. package/styles/multi-select/tailwind.css +0 -1
  110. package/styles/tailwind-dark.css +71 -24
  111. package/styles/tailwind.css +71 -24
@@ -98,11 +98,6 @@
98
98
  padding: 9px 16px;
99
99
  position: relative;
100
100
  }
101
- .e-listbox-wrapper.e-filter-list,
102
- .e-listbox-container.e-filter-list,
103
- .e-listboxtool-wrapper.e-filter-list {
104
- overflow: inherit;
105
- }
106
101
  .e-listbox-wrapper .e-list-parent,
107
102
  .e-listbox-container .e-list-parent,
108
103
  .e-listboxtool-wrapper .e-list-parent {
@@ -386,9 +381,6 @@ ejs-listbox {
386
381
  overflow: auto;
387
382
  }
388
383
 
389
- .e-listbox-wrapper.e-filter-list {
390
- overflow: inherit;
391
- }
392
384
  .e-listbox-wrapper.e-filter-list .e-list-parent {
393
385
  overflow: auto;
394
386
  }
@@ -584,27 +576,66 @@ ejs-listbox {
584
576
  }
585
577
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
586
578
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
587
- height: calc(100% - 45px);
579
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
580
+ }
581
+
582
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
583
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
584
+ }
585
+
586
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
587
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
588
588
  }
589
589
 
590
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
591
590
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
592
- height: calc(100% - 59px);
591
+ height: 100%;
593
592
  }
594
593
 
595
594
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
596
595
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
597
- height: calc(100% - 104px);
596
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
597
+ }
598
+
599
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
600
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
601
+ }
602
+
603
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
604
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
605
+ }
606
+
607
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
608
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
609
+ }
610
+
611
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
612
+ height: 100%;
598
613
  }
599
614
 
600
615
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
616
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
617
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
618
+ }
619
+
601
620
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
602
- height: calc(100% - 45px);
621
+ height: 100%;
603
622
  }
604
623
 
605
624
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
625
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
626
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
627
+ }
628
+
629
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
630
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
631
+ }
632
+
633
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
634
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
635
+ }
636
+
606
637
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
607
- height: calc(100% - 55px);
638
+ height: 100%;
608
639
  }
609
640
 
610
641
  .e-listbox-wrapper,
@@ -637,7 +668,7 @@ ejs-listbox {
637
668
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
638
669
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
639
670
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
640
- height: calc(100% - 87px);
671
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
641
672
  }
642
673
 
643
674
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -911,4 +942,28 @@ ejs-listbox {
911
942
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
912
943
  padding-left: 3.3846em;
913
944
  padding-right: 0.923em;
945
+ }
946
+
947
+ .e-listbox-container.e-filter-list .e-list-parent {
948
+ height: 100%;
949
+ }
950
+
951
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
952
+ height: 100%;
953
+ }
954
+
955
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
956
+ height: 100%;
957
+ }
958
+
959
+ .e-listbox-container.e-filter-list .e-list-wrap {
960
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
961
+ }
962
+
963
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
964
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
965
+ }
966
+
967
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
968
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
914
969
  }
@@ -103,11 +103,6 @@
103
103
  padding: 9px 16px;
104
104
  position: relative;
105
105
  }
106
- .e-listbox-wrapper.e-filter-list,
107
- .e-listbox-container.e-filter-list,
108
- .e-listboxtool-wrapper.e-filter-list {
109
- overflow: inherit;
110
- }
111
106
  .e-listbox-wrapper .e-list-parent,
112
107
  .e-listbox-container .e-list-parent,
113
108
  .e-listboxtool-wrapper .e-list-parent {
@@ -391,9 +386,6 @@ ejs-listbox {
391
386
  overflow: auto;
392
387
  }
393
388
 
394
- .e-listbox-wrapper.e-filter-list {
395
- overflow: inherit;
396
- }
397
389
  .e-listbox-wrapper.e-filter-list .e-list-parent {
398
390
  overflow: auto;
399
391
  }
@@ -595,27 +587,66 @@ ejs-listbox {
595
587
  }
596
588
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
597
589
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
598
- height: calc(100% - 45px);
590
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
591
+ }
592
+
593
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
594
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
595
+ }
596
+
597
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
598
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
599
599
  }
600
600
 
601
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
602
601
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
603
- height: calc(100% - 59px);
602
+ height: 100%;
604
603
  }
605
604
 
606
605
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
607
606
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
608
- height: calc(100% - 104px);
607
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
608
+ }
609
+
610
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
611
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
612
+ }
613
+
614
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
615
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
616
+ }
617
+
618
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
619
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
620
+ }
621
+
622
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
623
+ height: 100%;
609
624
  }
610
625
 
611
626
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
627
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
628
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
629
+ }
630
+
612
631
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
613
- height: calc(100% - 45px);
632
+ height: 100%;
614
633
  }
615
634
 
616
635
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
636
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
637
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
638
+ }
639
+
640
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
641
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
642
+ }
643
+
644
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
645
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
646
+ }
647
+
617
648
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
618
- height: calc(100% - 55px);
649
+ height: 100%;
619
650
  }
620
651
 
621
652
  .e-listbox-wrapper,
@@ -648,7 +679,7 @@ ejs-listbox {
648
679
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
649
680
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
650
681
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
651
- height: calc(100% - 87px);
682
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
652
683
  }
653
684
 
654
685
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -922,4 +953,28 @@ ejs-listbox {
922
953
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
923
954
  padding-left: 3.3846em;
924
955
  padding-right: 0.923em;
956
+ }
957
+
958
+ .e-listbox-container.e-filter-list .e-list-parent {
959
+ height: 100%;
960
+ }
961
+
962
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
963
+ height: 100%;
964
+ }
965
+
966
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
967
+ height: 100%;
968
+ }
969
+
970
+ .e-listbox-container.e-filter-list .e-list-wrap {
971
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
972
+ }
973
+
974
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
975
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
976
+ }
977
+
978
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
979
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
925
980
  }
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-dropdownbase .e-list-item .e-list-icon {
3
2
  padding: 0 16px 0 0;
4
3
  }
@@ -84,11 +83,6 @@
84
83
  padding: 11px 16px;
85
84
  position: relative;
86
85
  }
87
- .e-listbox-wrapper.e-filter-list,
88
- .e-listbox-container.e-filter-list,
89
- .e-listboxtool-wrapper.e-filter-list {
90
- overflow: inherit;
91
- }
92
86
  .e-listbox-wrapper .e-list-parent,
93
87
  .e-listbox-container .e-list-parent,
94
88
  .e-listboxtool-wrapper .e-list-parent {
@@ -372,9 +366,6 @@ ejs-listbox {
372
366
  overflow: auto;
373
367
  }
374
368
 
375
- .e-listbox-wrapper.e-filter-list {
376
- overflow: inherit;
377
- }
378
369
  .e-listbox-wrapper.e-filter-list .e-list-parent {
379
370
  overflow: auto;
380
371
  }
@@ -570,27 +561,66 @@ ejs-listbox {
570
561
  }
571
562
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
572
563
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
573
- height: calc(100% - 45px);
564
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
565
+ }
566
+
567
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
568
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
569
+ }
570
+
571
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
572
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
574
573
  }
575
574
 
576
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
577
575
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
578
- height: calc(100% - 50px);
576
+ height: 100%;
579
577
  }
580
578
 
581
579
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
582
580
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
583
- height: calc(100% - 98px);
581
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
582
+ }
583
+
584
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
585
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
586
+ }
587
+
588
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
589
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
590
+ }
591
+
592
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
593
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
594
+ }
595
+
596
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
597
+ height: 100%;
584
598
  }
585
599
 
586
600
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
601
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
602
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
603
+ }
604
+
587
605
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
588
- height: calc(100% - 48px);
606
+ height: 100%;
589
607
  }
590
608
 
591
609
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
610
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
611
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
612
+ }
613
+
614
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
615
+ height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
616
+ }
617
+
618
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
619
+ height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
620
+ }
621
+
592
622
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
593
- height: calc(100% - 45px);
623
+ height: 100%;
594
624
  }
595
625
 
596
626
  .e-listbox-wrapper,
@@ -617,13 +647,13 @@ ejs-listbox {
617
647
  .e-listbox-wrapper.e-filter-list .e-list-parent,
618
648
  .e-listbox-container.e-filter-list .e-list-parent,
619
649
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
620
- height: calc(100% - 43px);
650
+ height: calc(100% - 48px);
621
651
  }
622
652
 
623
653
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
624
654
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
625
655
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
626
- height: calc(100% - 79px);
656
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
627
657
  }
628
658
 
629
659
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -897,4 +927,28 @@ ejs-listbox {
897
927
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
898
928
  padding-left: 4.1333em;
899
929
  padding-right: 1.0666em;
930
+ }
931
+
932
+ .e-listbox-container.e-filter-list .e-list-parent {
933
+ height: 100%;
934
+ }
935
+
936
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
937
+ height: 100%;
938
+ }
939
+
940
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
941
+ height: 100%;
942
+ }
943
+
944
+ .e-listbox-container.e-filter-list .e-list-wrap {
945
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
946
+ }
947
+
948
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
949
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
950
+ }
951
+
952
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
953
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
900
954
  }
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-dropdownbase .e-list-item .e-list-icon {
3
2
  padding: 0 16px 0 0;
4
3
  }
@@ -89,11 +88,6 @@
89
88
  padding: 11px 16px;
90
89
  position: relative;
91
90
  }
92
- .e-listbox-wrapper.e-filter-list,
93
- .e-listbox-container.e-filter-list,
94
- .e-listboxtool-wrapper.e-filter-list {
95
- overflow: inherit;
96
- }
97
91
  .e-listbox-wrapper .e-list-parent,
98
92
  .e-listbox-container .e-list-parent,
99
93
  .e-listboxtool-wrapper .e-list-parent {
@@ -377,9 +371,6 @@ ejs-listbox {
377
371
  overflow: auto;
378
372
  }
379
373
 
380
- .e-listbox-wrapper.e-filter-list {
381
- overflow: inherit;
382
- }
383
374
  .e-listbox-wrapper.e-filter-list .e-list-parent {
384
375
  overflow: auto;
385
376
  }
@@ -581,27 +572,66 @@ ejs-listbox {
581
572
  }
582
573
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
583
574
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
584
- height: calc(100% - 45px);
575
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
576
+ }
577
+
578
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
579
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
580
+ }
581
+
582
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
583
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
585
584
  }
586
585
 
587
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
588
586
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
589
- height: calc(100% - 50px);
587
+ height: 100%;
590
588
  }
591
589
 
592
590
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
591
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
- height: calc(100% - 98px);
592
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
593
+ }
594
+
595
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
596
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
597
+ }
598
+
599
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
600
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
601
+ }
602
+
603
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
604
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
605
+ }
606
+
607
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
608
+ height: 100%;
595
609
  }
596
610
 
597
611
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
612
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
613
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
614
+ }
615
+
598
616
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
599
- height: calc(100% - 48px);
617
+ height: 100%;
600
618
  }
601
619
 
602
620
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
621
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
622
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
623
+ }
624
+
625
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
626
+ height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
627
+ }
628
+
629
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
630
+ height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
631
+ }
632
+
603
633
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
604
- height: calc(100% - 45px);
634
+ height: 100%;
605
635
  }
606
636
 
607
637
  .e-listbox-wrapper,
@@ -628,13 +658,13 @@ ejs-listbox {
628
658
  .e-listbox-wrapper.e-filter-list .e-list-parent,
629
659
  .e-listbox-container.e-filter-list .e-list-parent,
630
660
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
631
- height: calc(100% - 43px);
661
+ height: calc(100% - 48px);
632
662
  }
633
663
 
634
664
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
635
665
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
636
666
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
637
- height: calc(100% - 79px);
667
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
638
668
  }
639
669
 
640
670
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -908,4 +938,28 @@ ejs-listbox {
908
938
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
909
939
  padding-left: 4.1333em;
910
940
  padding-right: 1.0666em;
941
+ }
942
+
943
+ .e-listbox-container.e-filter-list .e-list-parent {
944
+ height: 100%;
945
+ }
946
+
947
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
948
+ height: 100%;
949
+ }
950
+
951
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
952
+ height: 100%;
953
+ }
954
+
955
+ .e-listbox-container.e-filter-list .e-list-wrap {
956
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
957
+ }
958
+
959
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
960
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
961
+ }
962
+
963
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
964
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
911
965
  }
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -139,11 +138,6 @@
139
138
  padding: 10px 16px;
140
139
  position: relative;
141
140
  }
142
- .e-listbox-wrapper.e-filter-list,
143
- .e-listbox-container.e-filter-list,
144
- .e-listboxtool-wrapper.e-filter-list {
145
- overflow: inherit;
146
- }
147
141
  .e-listbox-wrapper .e-list-parent,
148
142
  .e-listbox-container .e-list-parent,
149
143
  .e-listboxtool-wrapper .e-list-parent {
@@ -428,9 +422,6 @@ ejs-listbox {
428
422
  overflow: auto;
429
423
  }
430
424
 
431
- .e-listbox-wrapper.e-filter-list {
432
- overflow: inherit;
433
- }
434
425
  .e-listbox-wrapper.e-filter-list .e-list-parent {
435
426
  overflow: auto;
436
427
  }
@@ -626,27 +617,66 @@ ejs-listbox {
626
617
  }
627
618
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
628
619
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
629
- height: calc(100% - 45px);
620
+ height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
621
+ }
622
+
623
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
624
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
625
+ }
626
+
627
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
628
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
630
629
  }
631
630
 
632
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
633
631
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
634
- height: calc(100% - 55px);
632
+ height: 100%;
635
633
  }
636
634
 
637
635
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
638
636
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
639
- height: calc(100% - 98px);
637
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
638
+ }
639
+
640
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
641
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
642
+ }
643
+
644
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
645
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
646
+ }
647
+
648
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
649
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
650
+ }
651
+
652
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
653
+ height: 100%;
640
654
  }
641
655
 
642
656
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
657
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
658
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
659
+ }
660
+
643
661
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
644
- height: calc(100% - 48px);
662
+ height: 100%;
645
663
  }
646
664
 
647
665
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
666
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
667
+ height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
668
+ }
669
+
670
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
671
+ height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
672
+ }
673
+
674
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
675
+ height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
676
+ }
677
+
648
678
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
649
- height: calc(100% - 45px);
679
+ height: 100%;
650
680
  }
651
681
 
652
682
  .e-listbox-wrapper,
@@ -673,13 +703,13 @@ ejs-listbox {
673
703
  .e-listbox-wrapper.e-filter-list .e-list-parent,
674
704
  .e-listbox-container.e-filter-list .e-list-parent,
675
705
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
676
- height: calc(100% - 47px);
706
+ height: calc(100% - 36px);
677
707
  }
678
708
 
679
709
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
680
710
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
681
711
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
682
- height: calc(100% - 79px);
712
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
683
713
  }
684
714
 
685
715
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -953,4 +983,28 @@ ejs-listbox {
953
983
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
954
984
  padding-left: 10px;
955
985
  padding-right: 16px;
986
+ }
987
+
988
+ .e-listbox-container.e-filter-list .e-list-parent {
989
+ height: 100%;
990
+ }
991
+
992
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
993
+ height: 100%;
994
+ }
995
+
996
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
997
+ height: 100%;
998
+ }
999
+
1000
+ .e-listbox-container.e-filter-list .e-list-wrap {
1001
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
1002
+ }
1003
+
1004
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
1005
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
1006
+ }
1007
+
1008
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
1009
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
956
1010
  }