@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
@@ -2459,6 +2459,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2459
2459
  .e-listbox-container * {
2460
2460
  box-sizing: border-box;
2461
2461
  }
2462
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2463
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2464
+ width: 87% !important;
2465
+ }
2462
2466
  .e-listbox-wrapper:focus,
2463
2467
  .e-listbox-container:focus {
2464
2468
  outline: none;
@@ -2689,8 +2693,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2689
2693
  text-indent: 0;
2690
2694
  vertical-align: middle;
2691
2695
  }
2692
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2693
- .e-listbox-container.e-right .e-checkbox-wrapper {
2696
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2697
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2694
2698
  position: absolute;
2695
2699
  right: 0;
2696
2700
  top: 30%;
@@ -2809,6 +2813,12 @@ ejs-listbox {
2809
2813
  list-style-type: none;
2810
2814
  margin-bottom: 10px;
2811
2815
  }
2816
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2817
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2818
+ position: absolute;
2819
+ right: 0;
2820
+ top: 30%;
2821
+ }
2812
2822
 
2813
2823
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2814
2824
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2819,6 +2829,12 @@ ejs-listbox {
2819
2829
  margin-left: 15px;
2820
2830
  }
2821
2831
 
2832
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2833
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2834
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2835
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2836
+ width: 83% !important;
2837
+ }
2822
2838
  .e-bigger .e-listbox-wrapper .e-list-item,
2823
2839
  .e-listbox-wrapper.e-bigger .e-list-item,
2824
2840
  .e-bigger .e-listbox-container .e-list-item,
@@ -2906,21 +2922,48 @@ ejs-listbox {
2906
2922
  .e-listbox-container.e-bigger .e-list-header .e-text {
2907
2923
  font-size: 15px;
2908
2924
  }
2909
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2910
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2925
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2926
+ height: calc(100% - 51px);
2927
+ }
2928
+
2929
+ .e-listbox-container.e-filter-list .e-list-wrap {
2930
+ height: calc(100% - 51px) !important;
2931
+ }
2932
+
2933
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2911
2934
  height: calc(100% - 45px);
2912
2935
  }
2913
2936
 
2914
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2915
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2937
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2938
+ height: calc(100% - 45px) !important;
2939
+ }
2940
+
2941
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2916
2942
  height: calc(100% - 59px);
2917
2943
  }
2918
2944
 
2919
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2920
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2945
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2946
+ height: calc(100% - 59px) !important;
2947
+ }
2948
+
2949
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2950
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2951
+ height: calc(100% - 104px);
2952
+ }
2953
+
2954
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2955
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2956
+ height: calc(100% - 45px);
2957
+ }
2958
+
2959
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2921
2960
  height: calc(100% - 55px);
2922
2961
  }
2923
2962
 
2963
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2964
+ height: calc(100% - 55px) !important;
2965
+ }
2966
+
2924
2967
  .e-listbox-wrapper,
2925
2968
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2926
2969
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2940,9 +2983,14 @@ ejs-listbox {
2940
2983
  font-size: 14px;
2941
2984
  }
2942
2985
 
2943
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2944
- .e-listbox-container.e-filter-list .e-list-parent {
2945
- height: calc(100% - 51px);
2986
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2987
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2988
+ height: calc(100% - 87px);
2989
+ }
2990
+
2991
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2992
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2993
+ height: calc(100% - 36px);
2946
2994
  }
2947
2995
 
2948
2996
  .e-listbox-wrapper .e-icons,
@@ -2465,6 +2465,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2465
2465
  .e-listbox-container * {
2466
2466
  box-sizing: border-box;
2467
2467
  }
2468
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2469
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2470
+ width: 87% !important;
2471
+ }
2468
2472
  .e-listbox-wrapper:focus,
2469
2473
  .e-listbox-container:focus {
2470
2474
  outline: none;
@@ -2695,8 +2699,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2695
2699
  text-indent: 0;
2696
2700
  vertical-align: middle;
2697
2701
  }
2698
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2699
- .e-listbox-container.e-right .e-checkbox-wrapper {
2702
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2703
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2700
2704
  position: absolute;
2701
2705
  right: 0;
2702
2706
  top: 30%;
@@ -2815,6 +2819,12 @@ ejs-listbox {
2815
2819
  list-style-type: none;
2816
2820
  margin-bottom: 10px;
2817
2821
  }
2822
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2823
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2824
+ position: absolute;
2825
+ right: 0;
2826
+ top: 30%;
2827
+ }
2818
2828
 
2819
2829
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2820
2830
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2825,6 +2835,12 @@ ejs-listbox {
2825
2835
  margin-left: 15px;
2826
2836
  }
2827
2837
 
2838
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2839
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2840
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2841
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2842
+ width: 83% !important;
2843
+ }
2828
2844
  .e-bigger .e-listbox-wrapper .e-list-item,
2829
2845
  .e-listbox-wrapper.e-bigger .e-list-item,
2830
2846
  .e-bigger .e-listbox-container .e-list-item,
@@ -2912,21 +2928,48 @@ ejs-listbox {
2912
2928
  .e-listbox-container.e-bigger .e-list-header .e-text {
2913
2929
  font-size: 15px;
2914
2930
  }
2915
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2916
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2931
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2932
+ height: calc(100% - 51px);
2933
+ }
2934
+
2935
+ .e-listbox-container.e-filter-list .e-list-wrap {
2936
+ height: calc(100% - 51px) !important;
2937
+ }
2938
+
2939
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2917
2940
  height: calc(100% - 45px);
2918
2941
  }
2919
2942
 
2920
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2921
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2943
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2944
+ height: calc(100% - 45px) !important;
2945
+ }
2946
+
2947
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2922
2948
  height: calc(100% - 59px);
2923
2949
  }
2924
2950
 
2925
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2926
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2951
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2952
+ height: calc(100% - 59px) !important;
2953
+ }
2954
+
2955
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2956
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2957
+ height: calc(100% - 104px);
2958
+ }
2959
+
2960
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2961
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2962
+ height: calc(100% - 45px);
2963
+ }
2964
+
2965
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2927
2966
  height: calc(100% - 55px);
2928
2967
  }
2929
2968
 
2969
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2970
+ height: calc(100% - 55px) !important;
2971
+ }
2972
+
2930
2973
  .e-listbox-wrapper,
2931
2974
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2932
2975
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2946,9 +2989,14 @@ ejs-listbox {
2946
2989
  font-size: 14px;
2947
2990
  }
2948
2991
 
2949
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2950
- .e-listbox-container.e-filter-list .e-list-parent {
2951
- height: calc(100% - 51px);
2992
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2993
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2994
+ height: calc(100% - 87px);
2995
+ }
2996
+
2997
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2998
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
2999
+ height: calc(100% - 36px);
2952
3000
  }
2953
3001
 
2954
3002
  .e-listbox-wrapper .e-icons,
@@ -281,8 +281,8 @@
281
281
  text-indent: 0;
282
282
  vertical-align: middle;
283
283
  }
284
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
285
- .e-listbox-container.e-right .e-checkbox-wrapper {
284
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
285
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
286
286
  position: absolute;
287
287
  right: 0;
288
288
  top: 30%;
@@ -401,6 +401,12 @@ ejs-listbox {
401
401
  list-style-type: none;
402
402
  margin-bottom: 10px;
403
403
  }
404
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
405
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
406
+ position: absolute;
407
+ right: 0;
408
+ top: 30%;
409
+ }
404
410
 
405
411
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
406
412
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -498,21 +504,48 @@ ejs-listbox {
498
504
  .e-listbox-container.e-bigger .e-list-header .e-text {
499
505
  font-size: 15px;
500
506
  }
501
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
502
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
507
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
508
+ height: calc(100% - 52px);
509
+ }
510
+
511
+ .e-listbox-container.e-filter-list .e-list-wrap {
512
+ height: calc(100% - 52px) !important;
513
+ }
514
+
515
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
503
516
  height: calc(100% - 46px);
504
517
  }
505
518
 
506
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
507
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
519
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
520
+ height: calc(100% - 46px) !important;
521
+ }
522
+
523
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
508
524
  height: calc(100% - 58px);
509
525
  }
510
526
 
511
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
512
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
527
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
528
+ height: calc(100% - 58px) !important;
529
+ }
530
+
531
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
532
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
533
+ height: calc(100% - 106px);
534
+ }
535
+
536
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
537
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
538
+ height: calc(100% - 48px);
539
+ }
540
+
541
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
513
542
  height: calc(100% - 54px);
514
543
  }
515
544
 
545
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
546
+ height: calc(100% - 54px) !important;
547
+ }
548
+
516
549
  .e-listbox-wrapper,
517
550
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
518
551
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -532,9 +565,14 @@ ejs-listbox {
532
565
  font-size: 14px;
533
566
  }
534
567
 
535
- .e-listbox-wrapper.e-filter-list .e-list-parent,
536
- .e-listbox-container.e-filter-list .e-list-parent {
537
- height: calc(100% - 52px);
568
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
569
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
570
+ height: calc(100% - 92px);
571
+ }
572
+
573
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
574
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
575
+ height: calc(100% - 40px);
538
576
  }
539
577
 
540
578
  .e-listbox-wrapper .e-icons,
@@ -51,6 +51,10 @@
51
51
  .e-listbox-container * {
52
52
  box-sizing: border-box;
53
53
  }
54
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
55
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
56
+ width: 86% !important;
57
+ }
54
58
  .e-listbox-wrapper:focus,
55
59
  .e-listbox-container:focus {
56
60
  outline: none;
@@ -281,8 +285,8 @@
281
285
  text-indent: 0;
282
286
  vertical-align: middle;
283
287
  }
284
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
285
- .e-listbox-container.e-right .e-checkbox-wrapper {
288
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
289
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
286
290
  position: absolute;
287
291
  right: 0;
288
292
  top: 30%;
@@ -401,6 +405,12 @@ ejs-listbox {
401
405
  list-style-type: none;
402
406
  margin-bottom: 10px;
403
407
  }
408
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
409
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
410
+ position: absolute;
411
+ right: 0;
412
+ top: 30%;
413
+ }
404
414
 
405
415
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
406
416
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -411,6 +421,12 @@ ejs-listbox {
411
421
  margin-left: 15px;
412
422
  }
413
423
 
424
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
425
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
426
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
427
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
428
+ width: 85% !important;
429
+ }
414
430
  .e-bigger .e-listbox-wrapper .e-list-item,
415
431
  .e-listbox-wrapper.e-bigger .e-list-item,
416
432
  .e-bigger .e-listbox-container .e-list-item,
@@ -498,21 +514,48 @@ ejs-listbox {
498
514
  .e-listbox-container.e-bigger .e-list-header .e-text {
499
515
  font-size: 15px;
500
516
  }
501
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
502
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
517
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
518
+ height: calc(100% - 52px);
519
+ }
520
+
521
+ .e-listbox-container.e-filter-list .e-list-wrap {
522
+ height: calc(100% - 52px) !important;
523
+ }
524
+
525
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
503
526
  height: calc(100% - 46px);
504
527
  }
505
528
 
506
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
507
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
529
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
530
+ height: calc(100% - 46px) !important;
531
+ }
532
+
533
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
508
534
  height: calc(100% - 58px);
509
535
  }
510
536
 
511
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
512
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
537
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
538
+ height: calc(100% - 58px) !important;
539
+ }
540
+
541
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
542
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
543
+ height: calc(100% - 106px);
544
+ }
545
+
546
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
547
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
548
+ height: calc(100% - 48px);
549
+ }
550
+
551
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
513
552
  height: calc(100% - 54px);
514
553
  }
515
554
 
555
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
556
+ height: calc(100% - 54px) !important;
557
+ }
558
+
516
559
  .e-listbox-wrapper,
517
560
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
518
561
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -532,9 +575,14 @@ ejs-listbox {
532
575
  font-size: 14px;
533
576
  }
534
577
 
535
- .e-listbox-wrapper.e-filter-list .e-list-parent,
536
- .e-listbox-container.e-filter-list .e-list-parent {
537
- height: calc(100% - 52px);
578
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
579
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
580
+ height: calc(100% - 92px);
581
+ }
582
+
583
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
584
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
585
+ height: calc(100% - 40px);
538
586
  }
539
587
 
540
588
  .e-listbox-wrapper .e-icons,
@@ -69,6 +69,10 @@
69
69
  .e-listbox-container * {
70
70
  box-sizing: border-box;
71
71
  }
72
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
73
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
74
+ width: 86% !important;
75
+ }
72
76
  .e-listbox-wrapper:focus,
73
77
  .e-listbox-container:focus {
74
78
  outline: none;
@@ -299,8 +303,8 @@
299
303
  text-indent: 0;
300
304
  vertical-align: middle;
301
305
  }
302
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
303
- .e-listbox-container.e-right .e-checkbox-wrapper {
306
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
307
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
304
308
  position: absolute;
305
309
  right: 0;
306
310
  top: 30%;
@@ -419,6 +423,12 @@ ejs-listbox {
419
423
  list-style-type: none;
420
424
  margin-bottom: 10px;
421
425
  }
426
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
427
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
428
+ position: absolute;
429
+ right: 0;
430
+ top: 30%;
431
+ }
422
432
 
423
433
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
424
434
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -435,6 +445,12 @@ ejs-listbox {
435
445
  .e-listbox-container.e-bigger {
436
446
  font-size: 16px;
437
447
  }
448
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
449
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
450
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
451
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
452
+ width: 85% !important;
453
+ }
438
454
  .e-bigger .e-listbox-wrapper .e-list-item,
439
455
  .e-listbox-wrapper.e-bigger .e-list-item,
440
456
  .e-bigger .e-listbox-container .e-list-item,
@@ -560,21 +576,48 @@ ejs-listbox {
560
576
  margin: 0 0 0 12px;
561
577
  }
562
578
 
563
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
564
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
579
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
580
+ height: calc(100% - 39px);
581
+ }
582
+
583
+ .e-listbox-container.e-filter-list .e-list-wrap {
584
+ height: calc(100% - 39px) !important;
585
+ }
586
+
587
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
565
588
  height: calc(100% - 32px);
566
589
  }
567
590
 
568
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
569
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
591
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
592
+ height: calc(100% - 32px) !important;
593
+ }
594
+
595
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
570
596
  height: calc(100% - 46px);
571
597
  }
572
598
 
573
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
574
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
599
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
600
+ height: calc(100% - 46px) !important;
601
+ }
602
+
603
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
604
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
605
+ height: calc(100% - 96px);
606
+ }
607
+
608
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
609
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
610
+ height: calc(100% - 50px);
611
+ }
612
+
613
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
575
614
  height: calc(100% - 44px);
576
615
  }
577
616
 
617
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
618
+ height: calc(100% - 44px) !important;
619
+ }
620
+
578
621
  .e-listbox-wrapper,
579
622
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
580
623
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -594,9 +637,14 @@ ejs-listbox {
594
637
  font-size: 16px;
595
638
  }
596
639
 
597
- .e-listbox-wrapper.e-filter-list .e-list-parent,
598
- .e-listbox-container.e-filter-list .e-list-parent {
599
- height: calc(100% - 39px);
640
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
641
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
642
+ height: calc(100% - 79px);
643
+ }
644
+
645
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
646
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
647
+ height: calc(100% - 40px);
600
648
  }
601
649
 
602
650
  .e-listbox-wrapper .e-icons,
@@ -77,6 +77,10 @@
77
77
  .e-listbox-container * {
78
78
  box-sizing: border-box;
79
79
  }
80
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
81
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
82
+ width: 84% !important;
83
+ }
80
84
  .e-listbox-wrapper:focus,
81
85
  .e-listbox-container:focus {
82
86
  outline: none;
@@ -307,8 +311,8 @@
307
311
  text-indent: 0;
308
312
  vertical-align: middle;
309
313
  }
310
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
311
- .e-listbox-container.e-right .e-checkbox-wrapper {
314
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
315
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
312
316
  position: absolute;
313
317
  right: 0;
314
318
  top: 30%;
@@ -427,6 +431,12 @@ ejs-listbox {
427
431
  list-style-type: none;
428
432
  margin-bottom: 10px;
429
433
  }
434
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
435
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
436
+ position: absolute;
437
+ right: 0;
438
+ top: 30%;
439
+ }
430
440
 
431
441
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
432
442
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -437,6 +447,12 @@ ejs-listbox {
437
447
  margin-left: 15px;
438
448
  }
439
449
 
450
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
451
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
452
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
453
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
454
+ width: 80% !important;
455
+ }
440
456
  .e-bigger .e-listbox-wrapper .e-list-item,
441
457
  .e-listbox-wrapper.e-bigger .e-list-item,
442
458
  .e-bigger .e-listbox-container .e-list-item,
@@ -524,21 +540,48 @@ ejs-listbox {
524
540
  .e-listbox-container.e-bigger .e-list-header .e-text {
525
541
  font-size: 14px;
526
542
  }
527
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
528
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
543
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
544
+ height: calc(100% - 50px);
545
+ }
546
+
547
+ .e-listbox-container.e-filter-list .e-list-wrap {
548
+ height: calc(100% - 50px) !important;
549
+ }
550
+
551
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
529
552
  height: calc(100% - 45px);
530
553
  }
531
554
 
532
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
533
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
534
- height: calc(100% - 55px);
555
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
556
+ height: calc(100% - 45px) !important;
535
557
  }
536
558
 
537
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
538
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
559
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
560
+ height: calc(100% - 56px);
561
+ }
562
+
563
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
564
+ height: calc(100% - 56px) !important;
565
+ }
566
+
567
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
568
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
569
+ height: calc(100% - 96px);
570
+ }
571
+
572
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
573
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
574
+ height: calc(100% - 40px);
575
+ }
576
+
577
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
539
578
  height: calc(100% - 45px);
540
579
  }
541
580
 
581
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
582
+ height: calc(100% - 45px) !important;
583
+ }
584
+
542
585
  .e-listbox-wrapper,
543
586
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
544
587
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -558,9 +601,14 @@ ejs-listbox {
558
601
  font-size: 12px;
559
602
  }
560
603
 
561
- .e-listbox-wrapper.e-filter-list .e-list-parent,
562
- .e-listbox-container.e-filter-list .e-list-parent {
563
- height: calc(100% - 47px);
604
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
605
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
606
+ height: calc(100% - 86px);
607
+ }
608
+
609
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
610
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
611
+ height: calc(100% - 36px);
564
612
  }
565
613
 
566
614
  .e-listbox-wrapper .e-list-item,