@syncfusion/ej2-vue-dropdowns 20.2.36 → 20.2.40

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.
@@ -2907,9 +2907,9 @@ ejs-listbox {
2907
2907
  -ms-flex-align: center;
2908
2908
  align-items: center;
2909
2909
  background-color: #0078d4;
2910
- border: 1px solid #fff;
2910
+ border: 1px solid #1b1a19;
2911
2911
  border-radius: 50%;
2912
- color: #fff;
2912
+ color: #1b1a19;
2913
2913
  display: -ms-flexbox;
2914
2914
  display: flex;
2915
2915
  font-size: 12px;
@@ -2969,6 +2969,16 @@ ejs-listbox {
2969
2969
  top: 30%;
2970
2970
  }
2971
2971
 
2972
+ .e-listboxtool-container .e-left {
2973
+ -ms-flex-direction: row-reverse;
2974
+ flex-direction: row-reverse;
2975
+ }
2976
+
2977
+ .e-listboxtool-wrapper .e-left {
2978
+ -ms-flex-direction: column-reverse;
2979
+ flex-direction: column-reverse;
2980
+ }
2981
+
2972
2982
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2973
2983
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2974
2984
  margin-right: 15px;
@@ -3071,14 +3081,28 @@ ejs-listbox {
3071
3081
  .e-listbox-container.e-bigger .e-list-header .e-text {
3072
3082
  font-size: 14px;
3073
3083
  }
3074
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3075
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3084
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3085
+ height: calc(100% - 57px);
3086
+ }
3087
+
3088
+ .e-listbox-container.e-filter-list .e-list-wrap {
3089
+ height: calc(100% - 57px) !important;
3090
+ }
3091
+
3092
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3076
3093
  height: calc(100% - 45px);
3077
3094
  }
3078
3095
 
3079
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3080
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3081
- height: calc(100% - 55px);
3096
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3097
+ height: calc(100% - 45px) !important;
3098
+ }
3099
+
3100
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3101
+ height: calc(100% - 65px);
3102
+ }
3103
+
3104
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3105
+ height: calc(100% - 65px) !important;
3082
3106
  }
3083
3107
 
3084
3108
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3091,11 +3115,14 @@ ejs-listbox {
3091
3115
  height: calc(100% - 48px);
3092
3116
  }
3093
3117
 
3094
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3095
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3118
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3096
3119
  height: calc(100% - 45px);
3097
3120
  }
3098
3121
 
3122
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3123
+ height: calc(100% - 45px) !important;
3124
+ }
3125
+
3099
3126
  .e-listbox-wrapper,
3100
3127
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3101
3128
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3115,11 +3142,6 @@ ejs-listbox {
3115
3142
  font-size: 12px;
3116
3143
  }
3117
3144
 
3118
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3119
- .e-listbox-container.e-filter-list .e-list-parent {
3120
- height: calc(100% - 47px);
3121
- }
3122
-
3123
3145
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3124
3146
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3125
3147
  height: calc(100% - 93px);
@@ -3177,7 +3199,7 @@ ejs-listbox {
3177
3199
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3178
3200
  background-color: #0078d4;
3179
3201
  border-color: transparent;
3180
- color: #fff;
3202
+ color: #1b1a19;
3181
3203
  }
3182
3204
 
3183
3205
  .e-listbox-wrapper .e-list-group-item,
package/styles/fluent.css CHANGED
@@ -2969,6 +2969,16 @@ ejs-listbox {
2969
2969
  top: 30%;
2970
2970
  }
2971
2971
 
2972
+ .e-listboxtool-container .e-left {
2973
+ -ms-flex-direction: row-reverse;
2974
+ flex-direction: row-reverse;
2975
+ }
2976
+
2977
+ .e-listboxtool-wrapper .e-left {
2978
+ -ms-flex-direction: column-reverse;
2979
+ flex-direction: column-reverse;
2980
+ }
2981
+
2972
2982
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2973
2983
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2974
2984
  margin-right: 15px;
@@ -3071,14 +3081,28 @@ ejs-listbox {
3071
3081
  .e-listbox-container.e-bigger .e-list-header .e-text {
3072
3082
  font-size: 14px;
3073
3083
  }
3074
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3075
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3084
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3085
+ height: calc(100% - 57px);
3086
+ }
3087
+
3088
+ .e-listbox-container.e-filter-list .e-list-wrap {
3089
+ height: calc(100% - 57px) !important;
3090
+ }
3091
+
3092
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
3076
3093
  height: calc(100% - 45px);
3077
3094
  }
3078
3095
 
3079
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3080
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3081
- height: calc(100% - 55px);
3096
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3097
+ height: calc(100% - 45px) !important;
3098
+ }
3099
+
3100
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3101
+ height: calc(100% - 65px);
3102
+ }
3103
+
3104
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3105
+ height: calc(100% - 65px) !important;
3082
3106
  }
3083
3107
 
3084
3108
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3091,11 +3115,14 @@ ejs-listbox {
3091
3115
  height: calc(100% - 48px);
3092
3116
  }
3093
3117
 
3094
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3095
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3118
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3096
3119
  height: calc(100% - 45px);
3097
3120
  }
3098
3121
 
3122
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3123
+ height: calc(100% - 45px) !important;
3124
+ }
3125
+
3099
3126
  .e-listbox-wrapper,
3100
3127
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3101
3128
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3115,11 +3142,6 @@ ejs-listbox {
3115
3142
  font-size: 12px;
3116
3143
  }
3117
3144
 
3118
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3119
- .e-listbox-container.e-filter-list .e-list-parent {
3120
- height: calc(100% - 47px);
3121
- }
3122
-
3123
3145
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3124
3146
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3125
3147
  height: calc(100% - 93px);
@@ -2820,6 +2820,16 @@ ejs-listbox {
2820
2820
  top: 30%;
2821
2821
  }
2822
2822
 
2823
+ .e-listboxtool-container .e-left {
2824
+ -ms-flex-direction: row-reverse;
2825
+ flex-direction: row-reverse;
2826
+ }
2827
+
2828
+ .e-listboxtool-wrapper .e-left {
2829
+ -ms-flex-direction: column-reverse;
2830
+ flex-direction: column-reverse;
2831
+ }
2832
+
2823
2833
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2824
2834
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2825
2835
  margin-right: 15px;
@@ -2922,16 +2932,30 @@ ejs-listbox {
2922
2932
  .e-listbox-container.e-bigger .e-list-header .e-text {
2923
2933
  font-size: 15px;
2924
2934
  }
2925
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2926
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2935
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2936
+ height: calc(100% - 51px);
2937
+ }
2938
+
2939
+ .e-listbox-container.e-filter-list .e-list-wrap {
2940
+ height: calc(100% - 51px) !important;
2941
+ }
2942
+
2943
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2927
2944
  height: calc(100% - 45px);
2928
2945
  }
2929
2946
 
2930
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2931
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2947
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2948
+ height: calc(100% - 45px) !important;
2949
+ }
2950
+
2951
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2932
2952
  height: calc(100% - 59px);
2933
2953
  }
2934
2954
 
2955
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2956
+ height: calc(100% - 59px) !important;
2957
+ }
2958
+
2935
2959
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2936
2960
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2937
2961
  height: calc(100% - 104px);
@@ -2942,11 +2966,14 @@ ejs-listbox {
2942
2966
  height: calc(100% - 45px);
2943
2967
  }
2944
2968
 
2945
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2946
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2969
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2947
2970
  height: calc(100% - 55px);
2948
2971
  }
2949
2972
 
2973
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2974
+ height: calc(100% - 55px) !important;
2975
+ }
2976
+
2950
2977
  .e-listbox-wrapper,
2951
2978
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2952
2979
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2966,11 +2993,6 @@ ejs-listbox {
2966
2993
  font-size: 14px;
2967
2994
  }
2968
2995
 
2969
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2970
- .e-listbox-container.e-filter-list .e-list-parent {
2971
- height: calc(100% - 51px);
2972
- }
2973
-
2974
2996
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2975
2997
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2976
2998
  height: calc(100% - 87px);
@@ -2826,6 +2826,16 @@ ejs-listbox {
2826
2826
  top: 30%;
2827
2827
  }
2828
2828
 
2829
+ .e-listboxtool-container .e-left {
2830
+ -ms-flex-direction: row-reverse;
2831
+ flex-direction: row-reverse;
2832
+ }
2833
+
2834
+ .e-listboxtool-wrapper .e-left {
2835
+ -ms-flex-direction: column-reverse;
2836
+ flex-direction: column-reverse;
2837
+ }
2838
+
2829
2839
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2830
2840
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2831
2841
  margin-right: 15px;
@@ -2928,16 +2938,30 @@ ejs-listbox {
2928
2938
  .e-listbox-container.e-bigger .e-list-header .e-text {
2929
2939
  font-size: 15px;
2930
2940
  }
2931
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2932
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2941
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
2942
+ height: calc(100% - 51px);
2943
+ }
2944
+
2945
+ .e-listbox-container.e-filter-list .e-list-wrap {
2946
+ height: calc(100% - 51px) !important;
2947
+ }
2948
+
2949
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2933
2950
  height: calc(100% - 45px);
2934
2951
  }
2935
2952
 
2936
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2937
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2953
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
2954
+ height: calc(100% - 45px) !important;
2955
+ }
2956
+
2957
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2938
2958
  height: calc(100% - 59px);
2939
2959
  }
2940
2960
 
2961
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2962
+ height: calc(100% - 59px) !important;
2963
+ }
2964
+
2941
2965
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2942
2966
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2943
2967
  height: calc(100% - 104px);
@@ -2948,11 +2972,14 @@ ejs-listbox {
2948
2972
  height: calc(100% - 45px);
2949
2973
  }
2950
2974
 
2951
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2952
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2975
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
2953
2976
  height: calc(100% - 55px);
2954
2977
  }
2955
2978
 
2979
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2980
+ height: calc(100% - 55px) !important;
2981
+ }
2982
+
2956
2983
  .e-listbox-wrapper,
2957
2984
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2958
2985
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2972,11 +2999,6 @@ ejs-listbox {
2972
2999
  font-size: 14px;
2973
3000
  }
2974
3001
 
2975
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2976
- .e-listbox-container.e-filter-list .e-list-parent {
2977
- height: calc(100% - 51px);
2978
- }
2979
-
2980
3002
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2981
3003
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2982
3004
  height: calc(100% - 87px);
@@ -408,6 +408,16 @@ ejs-listbox {
408
408
  top: 30%;
409
409
  }
410
410
 
411
+ .e-listboxtool-container .e-left {
412
+ -ms-flex-direction: row-reverse;
413
+ flex-direction: row-reverse;
414
+ }
415
+
416
+ .e-listboxtool-wrapper .e-left {
417
+ -ms-flex-direction: column-reverse;
418
+ flex-direction: column-reverse;
419
+ }
420
+
411
421
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
412
422
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
413
423
  margin-right: 15px;
@@ -504,16 +514,30 @@ ejs-listbox {
504
514
  .e-listbox-container.e-bigger .e-list-header .e-text {
505
515
  font-size: 15px;
506
516
  }
507
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
508
- .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 {
509
526
  height: calc(100% - 46px);
510
527
  }
511
528
 
512
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
513
- .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 {
514
534
  height: calc(100% - 58px);
515
535
  }
516
536
 
537
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
538
+ height: calc(100% - 58px) !important;
539
+ }
540
+
517
541
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
518
542
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
519
543
  height: calc(100% - 106px);
@@ -524,11 +548,14 @@ ejs-listbox {
524
548
  height: calc(100% - 48px);
525
549
  }
526
550
 
527
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
528
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
551
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
529
552
  height: calc(100% - 54px);
530
553
  }
531
554
 
555
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
556
+ height: calc(100% - 54px) !important;
557
+ }
558
+
532
559
  .e-listbox-wrapper,
533
560
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
534
561
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -548,11 +575,6 @@ ejs-listbox {
548
575
  font-size: 14px;
549
576
  }
550
577
 
551
- .e-listbox-wrapper.e-filter-list .e-list-parent,
552
- .e-listbox-container.e-filter-list .e-list-parent {
553
- height: calc(100% - 52px);
554
- }
555
-
556
578
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
557
579
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
558
580
  height: calc(100% - 92px);
@@ -412,6 +412,16 @@ ejs-listbox {
412
412
  top: 30%;
413
413
  }
414
414
 
415
+ .e-listboxtool-container .e-left {
416
+ -ms-flex-direction: row-reverse;
417
+ flex-direction: row-reverse;
418
+ }
419
+
420
+ .e-listboxtool-wrapper .e-left {
421
+ -ms-flex-direction: column-reverse;
422
+ flex-direction: column-reverse;
423
+ }
424
+
415
425
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
416
426
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
417
427
  margin-right: 15px;
@@ -514,16 +524,30 @@ ejs-listbox {
514
524
  .e-listbox-container.e-bigger .e-list-header .e-text {
515
525
  font-size: 15px;
516
526
  }
517
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
518
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
527
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
528
+ height: calc(100% - 52px);
529
+ }
530
+
531
+ .e-listbox-container.e-filter-list .e-list-wrap {
532
+ height: calc(100% - 52px) !important;
533
+ }
534
+
535
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
519
536
  height: calc(100% - 46px);
520
537
  }
521
538
 
522
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
523
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
539
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
540
+ height: calc(100% - 46px) !important;
541
+ }
542
+
543
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
524
544
  height: calc(100% - 58px);
525
545
  }
526
546
 
547
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
548
+ height: calc(100% - 58px) !important;
549
+ }
550
+
527
551
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
528
552
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
529
553
  height: calc(100% - 106px);
@@ -534,11 +558,14 @@ ejs-listbox {
534
558
  height: calc(100% - 48px);
535
559
  }
536
560
 
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 {
561
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
539
562
  height: calc(100% - 54px);
540
563
  }
541
564
 
565
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 54px) !important;
567
+ }
568
+
542
569
  .e-listbox-wrapper,
543
570
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
544
571
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -558,11 +585,6 @@ ejs-listbox {
558
585
  font-size: 14px;
559
586
  }
560
587
 
561
- .e-listbox-wrapper.e-filter-list .e-list-parent,
562
- .e-listbox-container.e-filter-list .e-list-parent {
563
- height: calc(100% - 52px);
564
- }
565
-
566
588
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
567
589
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
568
590
  height: calc(100% - 92px);
@@ -430,6 +430,16 @@ ejs-listbox {
430
430
  top: 30%;
431
431
  }
432
432
 
433
+ .e-listboxtool-container .e-left {
434
+ -ms-flex-direction: row-reverse;
435
+ flex-direction: row-reverse;
436
+ }
437
+
438
+ .e-listboxtool-wrapper .e-left {
439
+ -ms-flex-direction: column-reverse;
440
+ flex-direction: column-reverse;
441
+ }
442
+
433
443
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
434
444
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
435
445
  margin-right: 15px;
@@ -576,16 +586,30 @@ ejs-listbox {
576
586
  margin: 0 0 0 12px;
577
587
  }
578
588
 
579
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
580
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
589
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
590
+ height: calc(100% - 39px);
591
+ }
592
+
593
+ .e-listbox-container.e-filter-list .e-list-wrap {
594
+ height: calc(100% - 39px) !important;
595
+ }
596
+
597
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
581
598
  height: calc(100% - 32px);
582
599
  }
583
600
 
584
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
585
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
601
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
602
+ height: calc(100% - 32px) !important;
603
+ }
604
+
605
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
586
606
  height: calc(100% - 46px);
587
607
  }
588
608
 
609
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
610
+ height: calc(100% - 46px) !important;
611
+ }
612
+
589
613
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
590
614
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
591
615
  height: calc(100% - 96px);
@@ -596,11 +620,14 @@ ejs-listbox {
596
620
  height: calc(100% - 50px);
597
621
  }
598
622
 
599
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
600
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
623
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
601
624
  height: calc(100% - 44px);
602
625
  }
603
626
 
627
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
628
+ height: calc(100% - 44px) !important;
629
+ }
630
+
604
631
  .e-listbox-wrapper,
605
632
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
606
633
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -620,11 +647,6 @@ ejs-listbox {
620
647
  font-size: 16px;
621
648
  }
622
649
 
623
- .e-listbox-wrapper.e-filter-list .e-list-parent,
624
- .e-listbox-container.e-filter-list .e-list-parent {
625
- height: calc(100% - 39px);
626
- }
627
-
628
650
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
629
651
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
630
652
  height: calc(100% - 79px);
@@ -438,6 +438,16 @@ ejs-listbox {
438
438
  top: 30%;
439
439
  }
440
440
 
441
+ .e-listboxtool-container .e-left {
442
+ -ms-flex-direction: row-reverse;
443
+ flex-direction: row-reverse;
444
+ }
445
+
446
+ .e-listboxtool-wrapper .e-left {
447
+ -ms-flex-direction: column-reverse;
448
+ flex-direction: column-reverse;
449
+ }
450
+
441
451
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
442
452
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
443
453
  margin-right: 15px;
@@ -540,14 +550,28 @@ ejs-listbox {
540
550
  .e-listbox-container.e-bigger .e-list-header .e-text {
541
551
  font-size: 14px;
542
552
  }
543
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
544
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
553
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
554
+ height: calc(100% - 50px);
555
+ }
556
+
557
+ .e-listbox-container.e-filter-list .e-list-wrap {
558
+ height: calc(100% - 50px) !important;
559
+ }
560
+
561
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
545
562
  height: calc(100% - 45px);
546
563
  }
547
564
 
548
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
549
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
550
- height: calc(100% - 55px);
565
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 45px) !important;
567
+ }
568
+
569
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
570
+ height: calc(100% - 56px);
571
+ }
572
+
573
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
574
+ height: calc(100% - 56px) !important;
551
575
  }
552
576
 
553
577
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -560,11 +584,14 @@ ejs-listbox {
560
584
  height: calc(100% - 40px);
561
585
  }
562
586
 
563
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
564
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
587
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
565
588
  height: calc(100% - 45px);
566
589
  }
567
590
 
591
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
592
+ height: calc(100% - 45px) !important;
593
+ }
594
+
568
595
  .e-listbox-wrapper,
569
596
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
570
597
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -584,11 +611,6 @@ ejs-listbox {
584
611
  font-size: 12px;
585
612
  }
586
613
 
587
- .e-listbox-wrapper.e-filter-list .e-list-parent,
588
- .e-listbox-container.e-filter-list .e-list-parent {
589
- height: calc(100% - 47px);
590
- }
591
-
592
614
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
615
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
616
  height: calc(100% - 86px);