@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
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,12 @@ 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
+ }
418
428
 
419
429
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
420
430
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -425,6 +435,12 @@ ejs-listbox {
425
435
  margin-left: 15px;
426
436
  }
427
437
 
438
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
439
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
440
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
441
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
442
+ width: 83% !important;
443
+ }
428
444
  .e-bigger .e-listbox-wrapper .e-list-item,
429
445
  .e-listbox-wrapper.e-bigger .e-list-item,
430
446
  .e-bigger .e-listbox-container .e-list-item,
@@ -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/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,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: 20px;
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% - 43px);
509
+ }
510
+
511
+ .e-listbox-container.e-filter-list .e-list-wrap {
512
+ height: calc(100% - 43px) !important;
513
+ }
514
+
515
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
503
516
  height: calc(100% - 45px);
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 {
508
- height: calc(100% - 55px);
519
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
520
+ height: calc(100% - 45px) !important;
521
+ }
522
+
523
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
524
+ height: calc(100% - 50px);
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% - 50px) !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% - 98px);
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% - 45px);
514
543
  }
515
544
 
545
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
546
+ height: calc(100% - 45px) !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: 20px;
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% - 47px);
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% - 79px);
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% - 36px);
538
576
  }
539
577
 
540
578
  .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,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: 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/tailwind-dark.css CHANGED
@@ -87,6 +87,10 @@
87
87
  .e-listbox-container * {
88
88
  box-sizing: border-box;
89
89
  }
90
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
91
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
92
+ width: 84% !important;
93
+ }
90
94
  .e-listbox-wrapper:focus,
91
95
  .e-listbox-container:focus {
92
96
  outline: none;
@@ -317,8 +321,8 @@
317
321
  text-indent: 0;
318
322
  vertical-align: middle;
319
323
  }
320
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
321
- .e-listbox-container.e-right .e-checkbox-wrapper {
324
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
325
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
322
326
  position: absolute;
323
327
  right: 0;
324
328
  top: 30%;
@@ -437,6 +441,12 @@ ejs-listbox {
437
441
  list-style-type: none;
438
442
  margin-bottom: 10px;
439
443
  }
444
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
445
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
446
+ position: absolute;
447
+ right: 0;
448
+ top: 30%;
449
+ }
440
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 {
@@ -447,6 +457,12 @@ ejs-listbox {
447
457
  margin-left: 15px;
448
458
  }
449
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
+ }
450
466
  .e-bigger .e-listbox-wrapper .e-list-item,
451
467
  .e-listbox-wrapper.e-bigger .e-list-item,
452
468
  .e-bigger .e-listbox-container .e-list-item,
@@ -534,21 +550,48 @@ ejs-listbox {
534
550
  .e-listbox-container.e-bigger .e-list-header .e-text {
535
551
  font-size: 14px;
536
552
  }
537
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
538
- .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% - 38px);
555
+ }
556
+
557
+ .e-listbox-container.e-filter-list .e-list-wrap {
558
+ height: calc(100% - 38px) !important;
559
+ }
560
+
561
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
539
562
  height: calc(100% - 45px);
540
563
  }
541
564
 
542
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
543
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
544
- height: calc(100% - 55px);
565
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 45px) !important;
545
567
  }
546
568
 
547
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
548
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
569
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
570
+ height: calc(100% - 46px);
571
+ }
572
+
573
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
574
+ height: calc(100% - 46px) !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% - 94px);
580
+ }
581
+
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 {
549
588
  height: calc(100% - 45px);
550
589
  }
551
590
 
591
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
592
+ height: calc(100% - 45px) !important;
593
+ }
594
+
552
595
  .e-listbox-wrapper,
553
596
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
554
597
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -578,9 +621,14 @@ ejs-listbox {
578
621
  font-size: 12px;
579
622
  }
580
623
 
581
- .e-listbox-wrapper.e-filter-list .e-list-parent,
582
- .e-listbox-container.e-filter-list .e-list-parent {
583
- height: calc(100% - 47px);
624
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
625
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
626
+ height: calc(100% - 76px);
627
+ }
628
+
629
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
630
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
631
+ height: calc(100% - 38px);
584
632
  }
585
633
 
586
634
  .e-listbox-wrapper .e-icons,
package/styles/list-box/tailwind.css CHANGED
@@ -87,6 +87,10 @@
87
87
  .e-listbox-container * {
88
88
  box-sizing: border-box;
89
89
  }
90
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
91
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
92
+ width: 84% !important;
93
+ }
90
94
  .e-listbox-wrapper:focus,
91
95
  .e-listbox-container:focus {
92
96
  outline: none;
@@ -317,8 +321,8 @@
317
321
  text-indent: 0;
318
322
  vertical-align: middle;
319
323
  }
320
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
321
- .e-listbox-container.e-right .e-checkbox-wrapper {
324
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
325
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
322
326
  position: absolute;
323
327
  right: 0;
324
328
  top: 30%;
@@ -437,6 +441,12 @@ ejs-listbox {
437
441
  list-style-type: none;
438
442
  margin-bottom: 10px;
439
443
  }
444
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
445
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
446
+ position: absolute;
447
+ right: 0;
448
+ top: 30%;
449
+ }
440
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 {
@@ -447,6 +457,12 @@ ejs-listbox {
447
457
  margin-left: 15px;
448
458
  }
449
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
+ }
450
466
  .e-bigger .e-listbox-wrapper .e-list-item,
451
467
  .e-listbox-wrapper.e-bigger .e-list-item,
452
468
  .e-bigger .e-listbox-container .e-list-item,
@@ -534,21 +550,48 @@ ejs-listbox {
534
550
  .e-listbox-container.e-bigger .e-list-header .e-text {
535
551
  font-size: 14px;
536
552
  }
537
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
538
- .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% - 38px);
555
+ }
556
+
557
+ .e-listbox-container.e-filter-list .e-list-wrap {
558
+ height: calc(100% - 38px) !important;
559
+ }
560
+
561
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
539
562
  height: calc(100% - 45px);
540
563
  }
541
564
 
542
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
543
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
544
- height: calc(100% - 55px);
565
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 45px) !important;
545
567
  }
546
568
 
547
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
548
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
569
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
570
+ height: calc(100% - 46px);
571
+ }
572
+
573
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
574
+ height: calc(100% - 46px) !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% - 94px);
580
+ }
581
+
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 {
549
588
  height: calc(100% - 45px);
550
589
  }
551
590
 
591
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
592
+ height: calc(100% - 45px) !important;
593
+ }
594
+
552
595
  .e-listbox-wrapper,
553
596
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
554
597
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -578,9 +621,14 @@ ejs-listbox {
578
621
  font-size: 12px;
579
622
  }
580
623
 
581
- .e-listbox-wrapper.e-filter-list .e-list-parent,
582
- .e-listbox-container.e-filter-list .e-list-parent {
583
- height: calc(100% - 47px);
624
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
625
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
626
+ height: calc(100% - 76px);
627
+ }
628
+
629
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
630
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
631
+ height: calc(100% - 38px);
584
632
  }
585
633
 
586
634
  .e-listbox-wrapper .e-icons,
package/styles/material-dark.css CHANGED
@@ -3842,6 +3842,10 @@ ejs-multiselect {
3842
3842
  .e-listbox-container * {
3843
3843
  box-sizing: border-box;
3844
3844
  }
3845
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3846
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
3847
+ width: 86% !important;
3848
+ }
3845
3849
  .e-listbox-wrapper:focus,
3846
3850
  .e-listbox-container:focus {
3847
3851
  outline: none;
@@ -4072,8 +4076,8 @@ ejs-multiselect {
4072
4076
  text-indent: 0;
4073
4077
  vertical-align: middle;
4074
4078
  }
4075
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
4076
- .e-listbox-container.e-right .e-checkbox-wrapper {
4079
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
4080
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
4077
4081
  position: absolute;
4078
4082
  right: 0;
4079
4083
  top: 30%;
@@ -4192,6 +4196,12 @@ ejs-listbox {
4192
4196
  list-style-type: none;
4193
4197
  margin-bottom: 10px;
4194
4198
  }
4199
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
4200
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
4201
+ position: absolute;
4202
+ right: 0;
4203
+ top: 30%;
4204
+ }
4195
4205
 
4196
4206
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
4197
4207
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -4202,6 +4212,12 @@ ejs-listbox {
4202
4212
  margin-left: 15px;
4203
4213
  }
4204
4214
 
4215
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
4216
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
4217
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
4218
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
4219
+ width: 85% !important;
4220
+ }
4205
4221
  .e-bigger .e-listbox-wrapper .e-list-item,
4206
4222
  .e-listbox-wrapper.e-bigger .e-list-item,
4207
4223
  .e-bigger .e-listbox-container .e-list-item,
@@ -4289,21 +4305,48 @@ ejs-listbox {
4289
4305
  .e-listbox-container.e-bigger .e-list-header .e-text {
4290
4306
  font-size: 20px;
4291
4307
  }
4292
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4293
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
4308
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
4309
+ height: calc(100% - 43px);
4310
+ }
4311
+
4312
+ .e-listbox-container.e-filter-list .e-list-wrap {
4313
+ height: calc(100% - 43px) !important;
4314
+ }
4315
+
4316
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
4294
4317
  height: calc(100% - 45px);
4295
4318
  }
4296
4319
 
4297
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4298
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4299
- height: calc(100% - 55px);
4320
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
4321
+ height: calc(100% - 45px) !important;
4300
4322
  }
4301
4323
 
4302
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4303
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4324
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
4325
+ height: calc(100% - 50px);
4326
+ }
4327
+
4328
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4329
+ height: calc(100% - 50px) !important;
4330
+ }
4331
+
4332
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4333
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4334
+ height: calc(100% - 98px);
4335
+ }
4336
+
4337
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4338
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4339
+ height: calc(100% - 48px);
4340
+ }
4341
+
4342
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
4304
4343
  height: calc(100% - 45px);
4305
4344
  }
4306
4345
 
4346
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4347
+ height: calc(100% - 45px) !important;
4348
+ }
4349
+
4307
4350
  .e-listbox-wrapper,
4308
4351
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
4309
4352
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -4323,9 +4366,14 @@ ejs-listbox {
4323
4366
  font-size: 20px;
4324
4367
  }
4325
4368
 
4326
- .e-listbox-wrapper.e-filter-list .e-list-parent,
4327
- .e-listbox-container.e-filter-list .e-list-parent {
4328
- height: calc(100% - 47px);
4369
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4370
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4371
+ height: calc(100% - 79px);
4372
+ }
4373
+
4374
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4375
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4376
+ height: calc(100% - 36px);
4329
4377
  }
4330
4378
 
4331
4379
  .e-listbox-wrapper .e-icons,