@syncfusion/ej2-vue-dropdowns 20.1.61 → 20.2.39

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 (40) hide show
  1. package/CHANGELOG.md +3 -65
  2. package/dist/ej2-vue-dropdowns.umd.min.js +2 -11
  3. package/dist/es6/ej2-vue-dropdowns.es2015.js +2 -2
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-dropdowns.es5.js +2 -2
  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/multi-select/multiselect.component.d.ts +1 -1
  10. package/src/multi-select/multiselect.component.js +2 -2
  11. package/styles/bootstrap-dark.css +69 -11
  12. package/styles/bootstrap.css +69 -11
  13. package/styles/bootstrap4.css +69 -11
  14. package/styles/bootstrap5-dark.css +70 -12
  15. package/styles/bootstrap5.css +70 -12
  16. package/styles/fabric-dark.css +69 -11
  17. package/styles/fabric.css +69 -11
  18. package/styles/fluent-dark.css +73 -15
  19. package/styles/fluent.css +70 -12
  20. package/styles/highcontrast-light.css +69 -11
  21. package/styles/highcontrast.css +69 -11
  22. package/styles/list-box/bootstrap-dark.css +59 -11
  23. package/styles/list-box/bootstrap.css +69 -11
  24. package/styles/list-box/bootstrap4.css +69 -11
  25. package/styles/list-box/bootstrap5-dark.css +70 -12
  26. package/styles/list-box/bootstrap5.css +70 -12
  27. package/styles/list-box/fabric-dark.css +59 -11
  28. package/styles/list-box/fabric.css +69 -11
  29. package/styles/list-box/fluent-dark.css +73 -15
  30. package/styles/list-box/fluent.css +70 -12
  31. package/styles/list-box/highcontrast-light.css +59 -11
  32. package/styles/list-box/highcontrast.css +69 -11
  33. package/styles/list-box/material-dark.css +60 -12
  34. package/styles/list-box/material.css +70 -12
  35. package/styles/list-box/tailwind-dark.css +70 -12
  36. package/styles/list-box/tailwind.css +70 -12
  37. package/styles/material-dark.css +70 -12
  38. package/styles/material.css +70 -12
  39. package/styles/tailwind-dark.css +70 -12
  40. package/styles/tailwind.css +70 -12
package/styles/list-box/fluent.css CHANGED
@@ -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,22 @@ 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
+ }
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
+ }
430
450
 
431
451
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
432
452
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -437,6 +457,12 @@ ejs-listbox {
437
457
  margin-left: 15px;
438
458
  }
439
459
 
460
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
461
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
462
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
463
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
464
+ width: 80% !important;
465
+ }
440
466
  .e-bigger .e-listbox-wrapper .e-list-item,
441
467
  .e-listbox-wrapper.e-bigger .e-list-item,
442
468
  .e-bigger .e-listbox-container .e-list-item,
@@ -524,21 +550,48 @@ ejs-listbox {
524
550
  .e-listbox-container.e-bigger .e-list-header .e-text {
525
551
  font-size: 14px;
526
552
  }
527
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
528
- .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 {
529
562
  height: calc(100% - 45px);
530
563
  }
531
564
 
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);
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;
575
+ }
576
+
577
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
578
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
579
+ height: calc(100% - 113px);
535
580
  }
536
581
 
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 {
582
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
583
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
584
+ height: calc(100% - 48px);
585
+ }
586
+
587
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
539
588
  height: calc(100% - 45px);
540
589
  }
541
590
 
591
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
592
+ height: calc(100% - 45px) !important;
593
+ }
594
+
542
595
  .e-listbox-wrapper,
543
596
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
544
597
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -558,9 +611,14 @@ ejs-listbox {
558
611
  font-size: 12px;
559
612
  }
560
613
 
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);
614
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
615
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
616
+ height: calc(100% - 93px);
617
+ }
618
+
619
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
620
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
621
+ height: calc(100% - 36px);
564
622
  }
565
623
 
566
624
  .e-listbox-wrapper .e-icons,
package/styles/list-box/highcontrast-light.css CHANGED
@@ -295,8 +295,8 @@
295
295
  text-indent: 0;
296
296
  vertical-align: middle;
297
297
  }
298
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
299
- .e-listbox-container.e-right .e-checkbox-wrapper {
298
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
299
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
300
300
  position: absolute;
301
301
  right: 0;
302
302
  top: 30%;
@@ -415,6 +415,22 @@ ejs-listbox {
415
415
  list-style-type: none;
416
416
  margin-bottom: 10px;
417
417
  }
418
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
419
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
420
+ position: absolute;
421
+ right: 0;
422
+ top: 30%;
423
+ }
424
+
425
+ .e-listboxtool-container .e-left {
426
+ -ms-flex-direction: row-reverse;
427
+ flex-direction: row-reverse;
428
+ }
429
+
430
+ .e-listboxtool-wrapper .e-left {
431
+ -ms-flex-direction: column-reverse;
432
+ flex-direction: column-reverse;
433
+ }
418
434
 
419
435
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
420
436
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -512,21 +528,48 @@ ejs-listbox {
512
528
  .e-listbox-container.e-bigger .e-list-header .e-text {
513
529
  font-size: 15px;
514
530
  }
515
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
516
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
531
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
532
+ height: calc(100% - 51px);
533
+ }
534
+
535
+ .e-listbox-container.e-filter-list .e-list-wrap {
536
+ height: calc(100% - 51px) !important;
537
+ }
538
+
539
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
517
540
  height: calc(100% - 45px);
518
541
  }
519
542
 
520
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
521
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
543
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
544
+ height: calc(100% - 45px) !important;
545
+ }
546
+
547
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
522
548
  height: calc(100% - 59px);
523
549
  }
524
550
 
525
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
526
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
551
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
552
+ height: calc(100% - 59px) !important;
553
+ }
554
+
555
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
556
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
557
+ height: calc(100% - 104px);
558
+ }
559
+
560
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
561
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
562
+ height: calc(100% - 45px);
563
+ }
564
+
565
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
527
566
  height: calc(100% - 55px);
528
567
  }
529
568
 
569
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
570
+ height: calc(100% - 55px) !important;
571
+ }
572
+
530
573
  .e-listbox-wrapper,
531
574
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
532
575
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -546,9 +589,14 @@ ejs-listbox {
546
589
  font-size: 14px;
547
590
  }
548
591
 
549
- .e-listbox-wrapper.e-filter-list .e-list-parent,
550
- .e-listbox-container.e-filter-list .e-list-parent {
551
- height: calc(100% - 51px);
592
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
+ height: calc(100% - 87px);
595
+ }
596
+
597
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
598
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
599
+ height: calc(100% - 36px);
552
600
  }
553
601
 
554
602
  .e-listbox-wrapper .e-icons,
package/styles/list-box/highcontrast.css CHANGED
@@ -65,6 +65,10 @@
65
65
  .e-listbox-container * {
66
66
  box-sizing: border-box;
67
67
  }
68
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
69
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
70
+ width: 87% !important;
71
+ }
68
72
  .e-listbox-wrapper:focus,
69
73
  .e-listbox-container:focus {
70
74
  outline: none;
@@ -295,8 +299,8 @@
295
299
  text-indent: 0;
296
300
  vertical-align: middle;
297
301
  }
298
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
299
- .e-listbox-container.e-right .e-checkbox-wrapper {
302
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
303
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
300
304
  position: absolute;
301
305
  right: 0;
302
306
  top: 30%;
@@ -415,6 +419,22 @@ ejs-listbox {
415
419
  list-style-type: none;
416
420
  margin-bottom: 10px;
417
421
  }
422
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
423
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
424
+ position: absolute;
425
+ right: 0;
426
+ top: 30%;
427
+ }
428
+
429
+ .e-listboxtool-container .e-left {
430
+ -ms-flex-direction: row-reverse;
431
+ flex-direction: row-reverse;
432
+ }
433
+
434
+ .e-listboxtool-wrapper .e-left {
435
+ -ms-flex-direction: column-reverse;
436
+ flex-direction: column-reverse;
437
+ }
418
438
 
419
439
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
420
440
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -425,6 +445,12 @@ ejs-listbox {
425
445
  margin-left: 15px;
426
446
  }
427
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: 83% !important;
453
+ }
428
454
  .e-bigger .e-listbox-wrapper .e-list-item,
429
455
  .e-listbox-wrapper.e-bigger .e-list-item,
430
456
  .e-bigger .e-listbox-container .e-list-item,
@@ -512,21 +538,48 @@ ejs-listbox {
512
538
  .e-listbox-container.e-bigger .e-list-header .e-text {
513
539
  font-size: 15px;
514
540
  }
515
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
516
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
541
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
542
+ height: calc(100% - 51px);
543
+ }
544
+
545
+ .e-listbox-container.e-filter-list .e-list-wrap {
546
+ height: calc(100% - 51px) !important;
547
+ }
548
+
549
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
517
550
  height: calc(100% - 45px);
518
551
  }
519
552
 
520
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
521
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
553
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
554
+ height: calc(100% - 45px) !important;
555
+ }
556
+
557
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
522
558
  height: calc(100% - 59px);
523
559
  }
524
560
 
525
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
526
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
561
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
562
+ height: calc(100% - 59px) !important;
563
+ }
564
+
565
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
566
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
567
+ height: calc(100% - 104px);
568
+ }
569
+
570
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
571
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
572
+ height: calc(100% - 45px);
573
+ }
574
+
575
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
527
576
  height: calc(100% - 55px);
528
577
  }
529
578
 
579
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
580
+ height: calc(100% - 55px) !important;
581
+ }
582
+
530
583
  .e-listbox-wrapper,
531
584
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
532
585
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -546,9 +599,14 @@ ejs-listbox {
546
599
  font-size: 14px;
547
600
  }
548
601
 
549
- .e-listbox-wrapper.e-filter-list .e-list-parent,
550
- .e-listbox-container.e-filter-list .e-list-parent {
551
- height: calc(100% - 51px);
602
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
603
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
604
+ height: calc(100% - 87px);
605
+ }
606
+
607
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
608
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
609
+ height: calc(100% - 36px);
552
610
  }
553
611
 
554
612
  .e-listbox-wrapper .e-icons,
package/styles/list-box/material-dark.css CHANGED
@@ -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,22 @@ 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
+ }
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
+ }
404
420
 
405
421
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
406
422
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -498,21 +514,48 @@ ejs-listbox {
498
514
  .e-listbox-container.e-bigger .e-list-header .e-text {
499
515
  font-size: 20px;
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% - 43px);
519
+ }
520
+
521
+ .e-listbox-container.e-filter-list .e-list-wrap {
522
+ height: calc(100% - 43px) !important;
523
+ }
524
+
525
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
503
526
  height: calc(100% - 45px);
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 {
508
- height: calc(100% - 55px);
529
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
530
+ height: calc(100% - 45px) !important;
509
531
  }
510
532
 
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 {
533
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
534
+ height: calc(100% - 50px);
535
+ }
536
+
537
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
538
+ height: calc(100% - 50px) !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% - 98px);
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% - 45px);
514
553
  }
515
554
 
555
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
556
+ height: calc(100% - 45px) !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: 20px;
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% - 47px);
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% - 79px);
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% - 36px);
538
586
  }
539
587
 
540
588
  .e-listbox-wrapper .e-icons,
package/styles/list-box/material.css CHANGED
@@ -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,22 @@ 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
+ }
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
+ }
404
424
 
405
425
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
406
426
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -411,6 +431,12 @@ ejs-listbox {
411
431
  margin-left: 15px;
412
432
  }
413
433
 
434
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
435
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
436
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
437
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
438
+ width: 85% !important;
439
+ }
414
440
  .e-bigger .e-listbox-wrapper .e-list-item,
415
441
  .e-listbox-wrapper.e-bigger .e-list-item,
416
442
  .e-bigger .e-listbox-container .e-list-item,
@@ -498,21 +524,48 @@ ejs-listbox {
498
524
  .e-listbox-container.e-bigger .e-list-header .e-text {
499
525
  font-size: 20px;
500
526
  }
501
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
502
- .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% - 43px);
529
+ }
530
+
531
+ .e-listbox-container.e-filter-list .e-list-wrap {
532
+ height: calc(100% - 43px) !important;
533
+ }
534
+
535
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
503
536
  height: calc(100% - 45px);
504
537
  }
505
538
 
506
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
507
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
508
- height: calc(100% - 55px);
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 {
544
+ height: calc(100% - 50px);
545
+ }
546
+
547
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
548
+ height: calc(100% - 50px) !important;
549
+ }
550
+
551
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
552
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
553
+ height: calc(100% - 98px);
509
554
  }
510
555
 
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 {
556
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
557
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
558
+ height: calc(100% - 48px);
559
+ }
560
+
561
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
513
562
  height: calc(100% - 45px);
514
563
  }
515
564
 
565
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 45px) !important;
567
+ }
568
+
516
569
  .e-listbox-wrapper,
517
570
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
518
571
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -532,9 +585,14 @@ ejs-listbox {
532
585
  font-size: 20px;
533
586
  }
534
587
 
535
- .e-listbox-wrapper.e-filter-list .e-list-parent,
536
- .e-listbox-container.e-filter-list .e-list-parent {
537
- height: calc(100% - 47px);
588
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
589
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
590
+ height: calc(100% - 79px);
591
+ }
592
+
593
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
594
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
595
+ height: calc(100% - 36px);
538
596
  }
539
597
 
540
598
  .e-listbox-wrapper .e-icons,