@syncfusion/ej2-vue-dropdowns 20.1.60 → 20.2.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 (45) hide show
  1. package/CHANGELOG.md +2 -56
  2. package/dist/ej2-vue-dropdowns.umd.min.js +2 -11
  3. package/dist/es6/ej2-vue-dropdowns.es2015.js +8 -8
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-dropdowns.es5.js +8 -8
  6. package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-dropdowns.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/auto-complete/autocomplete.component.js +1 -1
  10. package/src/combo-box/combobox.component.js +1 -1
  11. package/src/drop-down-list/dropdownlist.component.js +1 -1
  12. package/src/drop-down-tree/dropdowntree.component.js +1 -1
  13. package/src/list-box/listbox.component.js +1 -1
  14. package/src/multi-select/multiselect.component.d.ts +1 -1
  15. package/src/multi-select/multiselect.component.js +3 -3
  16. package/styles/bootstrap-dark.css +59 -11
  17. package/styles/bootstrap.css +59 -11
  18. package/styles/bootstrap4.css +59 -11
  19. package/styles/bootstrap5-dark.css +60 -12
  20. package/styles/bootstrap5.css +60 -12
  21. package/styles/fabric-dark.css +59 -11
  22. package/styles/fabric.css +59 -11
  23. package/styles/fluent-dark.css +63 -15
  24. package/styles/fluent.css +60 -12
  25. package/styles/highcontrast-light.css +59 -11
  26. package/styles/highcontrast.css +59 -11
  27. package/styles/list-box/bootstrap-dark.css +49 -11
  28. package/styles/list-box/bootstrap.css +59 -11
  29. package/styles/list-box/bootstrap4.css +59 -11
  30. package/styles/list-box/bootstrap5-dark.css +60 -12
  31. package/styles/list-box/bootstrap5.css +60 -12
  32. package/styles/list-box/fabric-dark.css +49 -11
  33. package/styles/list-box/fabric.css +59 -11
  34. package/styles/list-box/fluent-dark.css +63 -15
  35. package/styles/list-box/fluent.css +60 -12
  36. package/styles/list-box/highcontrast-light.css +49 -11
  37. package/styles/list-box/highcontrast.css +59 -11
  38. package/styles/list-box/material-dark.css +50 -12
  39. package/styles/list-box/material.css +60 -12
  40. package/styles/list-box/tailwind-dark.css +60 -12
  41. package/styles/list-box/tailwind.css +60 -12
  42. package/styles/material-dark.css +60 -12
  43. package/styles/material.css +60 -12
  44. package/styles/tailwind-dark.css +60 -12
  45. package/styles/tailwind.css +60 -12
@@ -2538,6 +2538,10 @@ ejs-multiselect {
2538
2538
  .e-listbox-container * {
2539
2539
  box-sizing: border-box;
2540
2540
  }
2541
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2542
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2543
+ width: 84% !important;
2544
+ }
2541
2545
  .e-listbox-wrapper:focus,
2542
2546
  .e-listbox-container:focus {
2543
2547
  outline: none;
@@ -2768,8 +2772,8 @@ ejs-multiselect {
2768
2772
  text-indent: 0;
2769
2773
  vertical-align: middle;
2770
2774
  }
2771
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2772
- .e-listbox-container.e-right .e-checkbox-wrapper {
2775
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2776
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2773
2777
  position: absolute;
2774
2778
  right: 0;
2775
2779
  top: 30%;
@@ -2888,6 +2892,12 @@ ejs-listbox {
2888
2892
  list-style-type: none;
2889
2893
  margin-bottom: 10px;
2890
2894
  }
2895
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2896
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2897
+ position: absolute;
2898
+ right: 0;
2899
+ top: 30%;
2900
+ }
2891
2901
 
2892
2902
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2893
2903
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2898,6 +2908,12 @@ ejs-listbox {
2898
2908
  margin-left: 15px;
2899
2909
  }
2900
2910
 
2911
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2912
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2913
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2914
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2915
+ width: 80% !important;
2916
+ }
2901
2917
  .e-bigger .e-listbox-wrapper .e-list-item,
2902
2918
  .e-listbox-wrapper.e-bigger .e-list-item,
2903
2919
  .e-bigger .e-listbox-container .e-list-item,
@@ -2985,21 +3001,48 @@ ejs-listbox {
2985
3001
  .e-listbox-container.e-bigger .e-list-header .e-text {
2986
3002
  font-size: 14px;
2987
3003
  }
2988
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2989
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3004
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3005
+ height: calc(100% - 50px);
3006
+ }
3007
+
3008
+ .e-listbox-container.e-filter-list .e-list-wrap {
3009
+ height: calc(100% - 50px) !important;
3010
+ }
3011
+
3012
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2990
3013
  height: calc(100% - 45px);
2991
3014
  }
2992
3015
 
2993
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2994
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2995
- height: calc(100% - 55px);
3016
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3017
+ height: calc(100% - 45px) !important;
2996
3018
  }
2997
3019
 
2998
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2999
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3020
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3021
+ height: calc(100% - 56px);
3022
+ }
3023
+
3024
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3025
+ height: calc(100% - 56px) !important;
3026
+ }
3027
+
3028
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3029
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3030
+ height: calc(100% - 96px);
3031
+ }
3032
+
3033
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3034
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3035
+ height: calc(100% - 40px);
3036
+ }
3037
+
3038
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3000
3039
  height: calc(100% - 45px);
3001
3040
  }
3002
3041
 
3042
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3043
+ height: calc(100% - 45px) !important;
3044
+ }
3045
+
3003
3046
  .e-listbox-wrapper,
3004
3047
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3005
3048
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3019,9 +3062,14 @@ ejs-listbox {
3019
3062
  font-size: 12px;
3020
3063
  }
3021
3064
 
3022
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3023
- .e-listbox-container.e-filter-list .e-list-parent {
3024
- height: calc(100% - 47px);
3065
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3066
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3067
+ height: calc(100% - 86px);
3068
+ }
3069
+
3070
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3071
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3072
+ height: calc(100% - 36px);
3025
3073
  }
3026
3074
 
3027
3075
  .e-listbox-wrapper .e-list-item,
@@ -2355,6 +2355,10 @@ ejs-multiselect {
2355
2355
  .e-listbox-container * {
2356
2356
  box-sizing: border-box;
2357
2357
  }
2358
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2359
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2360
+ width: 86% !important;
2361
+ }
2358
2362
  .e-listbox-wrapper:focus,
2359
2363
  .e-listbox-container:focus {
2360
2364
  outline: none;
@@ -2585,8 +2589,8 @@ ejs-multiselect {
2585
2589
  text-indent: 0;
2586
2590
  vertical-align: middle;
2587
2591
  }
2588
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2589
- .e-listbox-container.e-right .e-checkbox-wrapper {
2592
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2593
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2590
2594
  position: absolute;
2591
2595
  right: 0;
2592
2596
  top: 30%;
@@ -2705,6 +2709,12 @@ ejs-listbox {
2705
2709
  list-style-type: none;
2706
2710
  margin-bottom: 10px;
2707
2711
  }
2712
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2713
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2714
+ position: absolute;
2715
+ right: 0;
2716
+ top: 30%;
2717
+ }
2708
2718
 
2709
2719
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2710
2720
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2715,6 +2725,12 @@ ejs-listbox {
2715
2725
  margin-left: 15px;
2716
2726
  }
2717
2727
 
2728
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2729
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2730
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2731
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2732
+ width: 83% !important;
2733
+ }
2718
2734
  .e-bigger .e-listbox-wrapper .e-list-item,
2719
2735
  .e-listbox-wrapper.e-bigger .e-list-item,
2720
2736
  .e-bigger .e-listbox-container .e-list-item,
@@ -2802,21 +2818,48 @@ ejs-listbox {
2802
2818
  .e-listbox-container.e-bigger .e-list-header .e-text {
2803
2819
  font-size: 15px;
2804
2820
  }
2805
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2806
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2821
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2822
+ height: calc(100% - 51px);
2823
+ }
2824
+
2825
+ .e-listbox-container.e-filter-list .e-list-wrap {
2826
+ height: calc(100% - 51px) !important;
2827
+ }
2828
+
2829
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2807
2830
  height: calc(100% - 45px);
2808
2831
  }
2809
2832
 
2810
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2811
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2833
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2834
+ height: calc(100% - 45px) !important;
2835
+ }
2836
+
2837
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2812
2838
  height: calc(100% - 59px);
2813
2839
  }
2814
2840
 
2815
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2816
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2841
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2842
+ height: calc(100% - 59px) !important;
2843
+ }
2844
+
2845
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2846
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2847
+ height: calc(100% - 104px);
2848
+ }
2849
+
2850
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2851
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2852
+ height: calc(100% - 45px);
2853
+ }
2854
+
2855
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2817
2856
  height: calc(100% - 55px);
2818
2857
  }
2819
2858
 
2859
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2860
+ height: calc(100% - 55px) !important;
2861
+ }
2862
+
2820
2863
  .e-listbox-wrapper,
2821
2864
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2822
2865
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2836,9 +2879,14 @@ ejs-listbox {
2836
2879
  font-size: 14px;
2837
2880
  }
2838
2881
 
2839
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2840
- .e-listbox-container.e-filter-list .e-list-parent {
2841
- height: calc(100% - 51px);
2882
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2883
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2884
+ height: calc(100% - 87px);
2885
+ }
2886
+
2887
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2888
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2889
+ height: calc(100% - 36px);
2842
2890
  }
2843
2891
 
2844
2892
  .e-listbox-wrapper .e-icons,
package/styles/fabric.css CHANGED
@@ -2349,6 +2349,10 @@ ejs-multiselect {
2349
2349
  .e-listbox-container * {
2350
2350
  box-sizing: border-box;
2351
2351
  }
2352
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2353
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2354
+ width: 86% !important;
2355
+ }
2352
2356
  .e-listbox-wrapper:focus,
2353
2357
  .e-listbox-container:focus {
2354
2358
  outline: none;
@@ -2579,8 +2583,8 @@ ejs-multiselect {
2579
2583
  text-indent: 0;
2580
2584
  vertical-align: middle;
2581
2585
  }
2582
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2583
- .e-listbox-container.e-right .e-checkbox-wrapper {
2586
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2587
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2584
2588
  position: absolute;
2585
2589
  right: 0;
2586
2590
  top: 30%;
@@ -2699,6 +2703,12 @@ ejs-listbox {
2699
2703
  list-style-type: none;
2700
2704
  margin-bottom: 10px;
2701
2705
  }
2706
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2707
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2708
+ position: absolute;
2709
+ right: 0;
2710
+ top: 30%;
2711
+ }
2702
2712
 
2703
2713
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2704
2714
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2709,6 +2719,12 @@ ejs-listbox {
2709
2719
  margin-left: 15px;
2710
2720
  }
2711
2721
 
2722
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2723
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2724
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2725
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2726
+ width: 83% !important;
2727
+ }
2712
2728
  .e-bigger .e-listbox-wrapper .e-list-item,
2713
2729
  .e-listbox-wrapper.e-bigger .e-list-item,
2714
2730
  .e-bigger .e-listbox-container .e-list-item,
@@ -2796,21 +2812,48 @@ ejs-listbox {
2796
2812
  .e-listbox-container.e-bigger .e-list-header .e-text {
2797
2813
  font-size: 15px;
2798
2814
  }
2799
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2800
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2815
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2816
+ height: calc(100% - 51px);
2817
+ }
2818
+
2819
+ .e-listbox-container.e-filter-list .e-list-wrap {
2820
+ height: calc(100% - 51px) !important;
2821
+ }
2822
+
2823
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2801
2824
  height: calc(100% - 45px);
2802
2825
  }
2803
2826
 
2804
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2805
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2827
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2828
+ height: calc(100% - 45px) !important;
2829
+ }
2830
+
2831
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2806
2832
  height: calc(100% - 59px);
2807
2833
  }
2808
2834
 
2809
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2810
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2835
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2836
+ height: calc(100% - 59px) !important;
2837
+ }
2838
+
2839
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2840
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2841
+ height: calc(100% - 104px);
2842
+ }
2843
+
2844
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2845
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2846
+ height: calc(100% - 45px);
2847
+ }
2848
+
2849
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2811
2850
  height: calc(100% - 55px);
2812
2851
  }
2813
2852
 
2853
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2854
+ height: calc(100% - 55px) !important;
2855
+ }
2856
+
2814
2857
  .e-listbox-wrapper,
2815
2858
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2816
2859
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2830,9 +2873,14 @@ ejs-listbox {
2830
2873
  font-size: 14px;
2831
2874
  }
2832
2875
 
2833
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2834
- .e-listbox-container.e-filter-list .e-list-parent {
2835
- height: calc(100% - 51px);
2876
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2877
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2878
+ height: calc(100% - 87px);
2879
+ }
2880
+
2881
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2882
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2883
+ height: calc(100% - 36px);
2836
2884
  }
2837
2885
 
2838
2886
  .e-listbox-wrapper .e-icons,
@@ -2608,6 +2608,10 @@ ejs-multiselect {
2608
2608
  .e-listbox-container * {
2609
2609
  box-sizing: border-box;
2610
2610
  }
2611
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2612
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2613
+ width: 84% !important;
2614
+ }
2611
2615
  .e-listbox-wrapper:focus,
2612
2616
  .e-listbox-container:focus {
2613
2617
  outline: none;
@@ -2838,8 +2842,8 @@ ejs-multiselect {
2838
2842
  text-indent: 0;
2839
2843
  vertical-align: middle;
2840
2844
  }
2841
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2842
- .e-listbox-container.e-right .e-checkbox-wrapper {
2845
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2846
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2843
2847
  position: absolute;
2844
2848
  right: 0;
2845
2849
  top: 30%;
@@ -2903,9 +2907,9 @@ ejs-listbox {
2903
2907
  -ms-flex-align: center;
2904
2908
  align-items: center;
2905
2909
  background-color: #0078d4;
2906
- border: 1px solid #fff;
2910
+ border: 1px solid #1b1a19;
2907
2911
  border-radius: 50%;
2908
- color: #fff;
2912
+ color: #1b1a19;
2909
2913
  display: -ms-flexbox;
2910
2914
  display: flex;
2911
2915
  font-size: 12px;
@@ -2958,6 +2962,12 @@ ejs-listbox {
2958
2962
  list-style-type: none;
2959
2963
  margin-bottom: 10px;
2960
2964
  }
2965
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2966
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2967
+ position: absolute;
2968
+ right: 0;
2969
+ top: 30%;
2970
+ }
2961
2971
 
2962
2972
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2963
2973
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2968,6 +2978,12 @@ ejs-listbox {
2968
2978
  margin-left: 15px;
2969
2979
  }
2970
2980
 
2981
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2982
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2983
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2984
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2985
+ width: 80% !important;
2986
+ }
2971
2987
  .e-bigger .e-listbox-wrapper .e-list-item,
2972
2988
  .e-listbox-wrapper.e-bigger .e-list-item,
2973
2989
  .e-bigger .e-listbox-container .e-list-item,
@@ -3055,21 +3071,48 @@ ejs-listbox {
3055
3071
  .e-listbox-container.e-bigger .e-list-header .e-text {
3056
3072
  font-size: 14px;
3057
3073
  }
3058
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3059
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3074
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3075
+ height: calc(100% - 57px);
3076
+ }
3077
+
3078
+ .e-listbox-container.e-filter-list .e-list-wrap {
3079
+ height: calc(100% - 57px) !important;
3080
+ }
3081
+
3082
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3060
3083
  height: calc(100% - 45px);
3061
3084
  }
3062
3085
 
3063
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3064
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3065
- height: calc(100% - 55px);
3086
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3087
+ height: calc(100% - 45px) !important;
3066
3088
  }
3067
3089
 
3068
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3069
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3090
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3091
+ height: calc(100% - 65px);
3092
+ }
3093
+
3094
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3095
+ height: calc(100% - 65px) !important;
3096
+ }
3097
+
3098
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3099
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3100
+ height: calc(100% - 113px);
3101
+ }
3102
+
3103
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3104
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3105
+ height: calc(100% - 48px);
3106
+ }
3107
+
3108
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3070
3109
  height: calc(100% - 45px);
3071
3110
  }
3072
3111
 
3112
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3113
+ height: calc(100% - 45px) !important;
3114
+ }
3115
+
3073
3116
  .e-listbox-wrapper,
3074
3117
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3075
3118
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3089,9 +3132,14 @@ ejs-listbox {
3089
3132
  font-size: 12px;
3090
3133
  }
3091
3134
 
3092
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3093
- .e-listbox-container.e-filter-list .e-list-parent {
3094
- height: calc(100% - 47px);
3135
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3136
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3137
+ height: calc(100% - 93px);
3138
+ }
3139
+
3140
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3141
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3142
+ height: calc(100% - 36px);
3095
3143
  }
3096
3144
 
3097
3145
  .e-listbox-wrapper .e-icons,
@@ -3141,7 +3189,7 @@ ejs-listbox {
3141
3189
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3142
3190
  background-color: #0078d4;
3143
3191
  border-color: transparent;
3144
- color: #fff;
3192
+ color: #1b1a19;
3145
3193
  }
3146
3194
 
3147
3195
  .e-listbox-wrapper .e-list-group-item,
package/styles/fluent.css CHANGED
@@ -2608,6 +2608,10 @@ ejs-multiselect {
2608
2608
  .e-listbox-container * {
2609
2609
  box-sizing: border-box;
2610
2610
  }
2611
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2612
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2613
+ width: 84% !important;
2614
+ }
2611
2615
  .e-listbox-wrapper:focus,
2612
2616
  .e-listbox-container:focus {
2613
2617
  outline: none;
@@ -2838,8 +2842,8 @@ ejs-multiselect {
2838
2842
  text-indent: 0;
2839
2843
  vertical-align: middle;
2840
2844
  }
2841
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2842
- .e-listbox-container.e-right .e-checkbox-wrapper {
2845
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2846
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2843
2847
  position: absolute;
2844
2848
  right: 0;
2845
2849
  top: 30%;
@@ -2958,6 +2962,12 @@ ejs-listbox {
2958
2962
  list-style-type: none;
2959
2963
  margin-bottom: 10px;
2960
2964
  }
2965
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2966
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2967
+ position: absolute;
2968
+ right: 0;
2969
+ top: 30%;
2970
+ }
2961
2971
 
2962
2972
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2963
2973
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2968,6 +2978,12 @@ ejs-listbox {
2968
2978
  margin-left: 15px;
2969
2979
  }
2970
2980
 
2981
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2982
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2983
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2984
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2985
+ width: 80% !important;
2986
+ }
2971
2987
  .e-bigger .e-listbox-wrapper .e-list-item,
2972
2988
  .e-listbox-wrapper.e-bigger .e-list-item,
2973
2989
  .e-bigger .e-listbox-container .e-list-item,
@@ -3055,21 +3071,48 @@ ejs-listbox {
3055
3071
  .e-listbox-container.e-bigger .e-list-header .e-text {
3056
3072
  font-size: 14px;
3057
3073
  }
3058
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3059
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3074
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3075
+ height: calc(100% - 57px);
3076
+ }
3077
+
3078
+ .e-listbox-container.e-filter-list .e-list-wrap {
3079
+ height: calc(100% - 57px) !important;
3080
+ }
3081
+
3082
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3060
3083
  height: calc(100% - 45px);
3061
3084
  }
3062
3085
 
3063
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3064
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3065
- height: calc(100% - 55px);
3086
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3087
+ height: calc(100% - 45px) !important;
3066
3088
  }
3067
3089
 
3068
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3069
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3090
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3091
+ height: calc(100% - 65px);
3092
+ }
3093
+
3094
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3095
+ height: calc(100% - 65px) !important;
3096
+ }
3097
+
3098
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3099
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3100
+ height: calc(100% - 113px);
3101
+ }
3102
+
3103
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3104
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3105
+ height: calc(100% - 48px);
3106
+ }
3107
+
3108
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3070
3109
  height: calc(100% - 45px);
3071
3110
  }
3072
3111
 
3112
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3113
+ height: calc(100% - 45px) !important;
3114
+ }
3115
+
3073
3116
  .e-listbox-wrapper,
3074
3117
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3075
3118
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3089,9 +3132,14 @@ ejs-listbox {
3089
3132
  font-size: 12px;
3090
3133
  }
3091
3134
 
3092
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3093
- .e-listbox-container.e-filter-list .e-list-parent {
3094
- height: calc(100% - 47px);
3135
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3136
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3137
+ height: calc(100% - 93px);
3138
+ }
3139
+
3140
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3141
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3142
+ height: calc(100% - 36px);
3095
3143
  }
3096
3144
 
3097
3145
  .e-listbox-wrapper .e-icons,