@syncfusion/ej2-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.
Files changed (50) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +40 -6
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +40 -6
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -11
  12. package/src/drop-down-list/drop-down-list.js +22 -1
  13. package/src/drop-down-tree/drop-down-tree.js +2 -1
  14. package/src/list-box/list-box.js +13 -1
  15. package/src/multi-select/multi-select.js +3 -3
  16. package/styles/bootstrap-dark.css +33 -11
  17. package/styles/bootstrap.css +33 -11
  18. package/styles/bootstrap4.css +33 -11
  19. package/styles/bootstrap5-dark.css +34 -12
  20. package/styles/bootstrap5.css +34 -12
  21. package/styles/fabric-dark.css +33 -11
  22. package/styles/fabric.css +33 -11
  23. package/styles/fluent-dark.css +37 -15
  24. package/styles/fluent.css +34 -12
  25. package/styles/highcontrast-light.css +33 -11
  26. package/styles/highcontrast.css +33 -11
  27. package/styles/list-box/_bootstrap5-definition.scss +0 -2
  28. package/styles/list-box/_fluent-definition.scss +0 -2
  29. package/styles/list-box/_layout.scss +9 -0
  30. package/styles/list-box/_tailwind-definition.scss +0 -2
  31. package/styles/list-box/_theme.scss +23 -10
  32. package/styles/list-box/bootstrap-dark.css +33 -11
  33. package/styles/list-box/bootstrap.css +33 -11
  34. package/styles/list-box/bootstrap4.css +33 -11
  35. package/styles/list-box/bootstrap5-dark.css +34 -12
  36. package/styles/list-box/bootstrap5.css +34 -12
  37. package/styles/list-box/fabric-dark.css +33 -11
  38. package/styles/list-box/fabric.css +33 -11
  39. package/styles/list-box/fluent-dark.css +37 -15
  40. package/styles/list-box/fluent.css +34 -12
  41. package/styles/list-box/highcontrast-light.css +33 -11
  42. package/styles/list-box/highcontrast.css +33 -11
  43. package/styles/list-box/material-dark.css +33 -11
  44. package/styles/list-box/material.css +33 -11
  45. package/styles/list-box/tailwind-dark.css +34 -12
  46. package/styles/list-box/tailwind.css +34 -12
  47. package/styles/material-dark.css +33 -11
  48. package/styles/material.css +33 -11
  49. package/styles/tailwind-dark.css +34 -12
  50. package/styles/tailwind.css +34 -12
@@ -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);
@@ -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);
@@ -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% - 51px);
519
+ }
520
+
521
+ .e-listbox-container.e-filter-list .e-list-wrap {
522
+ height: calc(100% - 51px) !important;
523
+ }
524
+
525
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
509
526
  height: calc(100% - 45px);
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% - 45px) !important;
531
+ }
532
+
533
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
514
534
  height: calc(100% - 59px);
515
535
  }
516
536
 
537
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
538
+ height: calc(100% - 59px) !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% - 104px);
@@ -524,11 +548,14 @@ ejs-listbox {
524
548
  height: calc(100% - 45px);
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% - 55px);
530
553
  }
531
554
 
555
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
556
+ height: calc(100% - 55px) !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% - 51px);
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% - 87px);
@@ -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% - 51px);
529
+ }
530
+
531
+ .e-listbox-container.e-filter-list .e-list-wrap {
532
+ height: calc(100% - 51px) !important;
533
+ }
534
+
535
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
519
536
  height: calc(100% - 45px);
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% - 45px) !important;
541
+ }
542
+
543
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
524
544
  height: calc(100% - 59px);
525
545
  }
526
546
 
547
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
548
+ height: calc(100% - 59px) !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% - 104px);
@@ -534,11 +558,14 @@ ejs-listbox {
534
558
  height: calc(100% - 45px);
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% - 55px);
540
563
  }
541
564
 
565
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 55px) !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% - 51px);
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% - 87px);
@@ -376,9 +376,9 @@ ejs-listbox {
376
376
  -ms-flex-align: center;
377
377
  align-items: center;
378
378
  background-color: #0078d4;
379
- border: 1px solid #fff;
379
+ border: 1px solid #1b1a19;
380
380
  border-radius: 50%;
381
- color: #fff;
381
+ color: #1b1a19;
382
382
  display: -ms-flexbox;
383
383
  display: flex;
384
384
  font-size: 12px;
@@ -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% - 57px);
555
+ }
556
+
557
+ .e-listbox-container.e-filter-list .e-list-wrap {
558
+ height: calc(100% - 57px) !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% - 65px);
571
+ }
572
+
573
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
574
+ height: calc(100% - 65px) !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% - 48px);
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% - 93px);
@@ -646,7 +668,7 @@ ejs-listbox {
646
668
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
647
669
  background-color: #0078d4;
648
670
  border-color: transparent;
649
- color: #fff;
671
+ color: #1b1a19;
650
672
  }
651
673
 
652
674
  .e-listbox-wrapper .e-list-group-item,
@@ -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% - 57px);
555
+ }
556
+
557
+ .e-listbox-container.e-filter-list .e-list-wrap {
558
+ height: calc(100% - 57px) !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% - 65px);
571
+ }
572
+
573
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
574
+ height: calc(100% - 65px) !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% - 48px);
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% - 93px);