@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/bootstrap5.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,12 @@ ejs-listbox {
427
431
  list-style-type: none;
428
432
  margin-bottom: 10px;
429
433
  }
434
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
435
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
436
+ position: absolute;
437
+ right: 0;
438
+ top: 30%;
439
+ }
430
440
 
431
441
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
432
442
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -437,6 +447,12 @@ ejs-listbox {
437
447
  margin-left: 15px;
438
448
  }
439
449
 
450
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
451
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
452
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
453
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
454
+ width: 80% !important;
455
+ }
440
456
  .e-bigger .e-listbox-wrapper .e-list-item,
441
457
  .e-listbox-wrapper.e-bigger .e-list-item,
442
458
  .e-bigger .e-listbox-container .e-list-item,
@@ -524,21 +540,48 @@ ejs-listbox {
524
540
  .e-listbox-container.e-bigger .e-list-header .e-text {
525
541
  font-size: 14px;
526
542
  }
527
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
528
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
543
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
544
+ height: calc(100% - 50px);
545
+ }
546
+
547
+ .e-listbox-container.e-filter-list .e-list-wrap {
548
+ height: calc(100% - 50px) !important;
549
+ }
550
+
551
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
529
552
  height: calc(100% - 45px);
530
553
  }
531
554
 
532
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
533
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
534
- height: calc(100% - 55px);
555
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
556
+ height: calc(100% - 45px) !important;
535
557
  }
536
558
 
537
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
538
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
559
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
560
+ height: calc(100% - 56px);
561
+ }
562
+
563
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
564
+ height: calc(100% - 56px) !important;
565
+ }
566
+
567
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
568
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
569
+ height: calc(100% - 96px);
570
+ }
571
+
572
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
573
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
574
+ height: calc(100% - 40px);
575
+ }
576
+
577
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
539
578
  height: calc(100% - 45px);
540
579
  }
541
580
 
581
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
582
+ height: calc(100% - 45px) !important;
583
+ }
584
+
542
585
  .e-listbox-wrapper,
543
586
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
544
587
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -558,9 +601,14 @@ ejs-listbox {
558
601
  font-size: 12px;
559
602
  }
560
603
 
561
- .e-listbox-wrapper.e-filter-list .e-list-parent,
562
- .e-listbox-container.e-filter-list .e-list-parent {
563
- height: calc(100% - 47px);
604
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
605
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
606
+ height: calc(100% - 86px);
607
+ }
608
+
609
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
610
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
611
+ height: calc(100% - 36px);
564
612
  }
565
613
 
566
614
  .e-listbox-wrapper .e-list-item,
package/styles/list-box/fabric-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: 15px;
500
506
  }
501
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
502
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
507
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
508
+ height: calc(100% - 51px);
509
+ }
510
+
511
+ .e-listbox-container.e-filter-list .e-list-wrap {
512
+ height: calc(100% - 51px) !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 {
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 {
508
524
  height: calc(100% - 59px);
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% - 59px) !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% - 104px);
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% - 45px);
539
+ }
540
+
541
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
513
542
  height: calc(100% - 55px);
514
543
  }
515
544
 
545
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
546
+ height: calc(100% - 55px) !important;
547
+ }
548
+
516
549
  .e-listbox-wrapper,
517
550
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
518
551
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -532,9 +565,14 @@ ejs-listbox {
532
565
  font-size: 14px;
533
566
  }
534
567
 
535
- .e-listbox-wrapper.e-filter-list .e-list-parent,
536
- .e-listbox-container.e-filter-list .e-list-parent {
537
- height: calc(100% - 51px);
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% - 87px);
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/fabric.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: 83% !important;
429
+ }
414
430
  .e-bigger .e-listbox-wrapper .e-list-item,
415
431
  .e-listbox-wrapper.e-bigger .e-list-item,
416
432
  .e-bigger .e-listbox-container .e-list-item,
@@ -498,21 +514,48 @@ ejs-listbox {
498
514
  .e-listbox-container.e-bigger .e-list-header .e-text {
499
515
  font-size: 15px;
500
516
  }
501
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
502
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
517
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
518
+ height: calc(100% - 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 {
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 {
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 {
508
534
  height: calc(100% - 59px);
509
535
  }
510
536
 
511
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
512
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
537
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
538
+ height: calc(100% - 59px) !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% - 104px);
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% - 45px);
549
+ }
550
+
551
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
513
552
  height: calc(100% - 55px);
514
553
  }
515
554
 
555
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
556
+ height: calc(100% - 55px) !important;
557
+ }
558
+
516
559
  .e-listbox-wrapper,
517
560
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
518
561
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -532,9 +575,14 @@ ejs-listbox {
532
575
  font-size: 14px;
533
576
  }
534
577
 
535
- .e-listbox-wrapper.e-filter-list .e-list-parent,
536
- .e-listbox-container.e-filter-list .e-list-parent {
537
- height: calc(100% - 51px);
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% - 87px);
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/fluent-dark.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%;
@@ -372,9 +376,9 @@ ejs-listbox {
372
376
  -ms-flex-align: center;
373
377
  align-items: center;
374
378
  background-color: #0078d4;
375
- border: 1px solid #fff;
379
+ border: 1px solid #1b1a19;
376
380
  border-radius: 50%;
377
- color: #fff;
381
+ color: #1b1a19;
378
382
  display: -ms-flexbox;
379
383
  display: flex;
380
384
  font-size: 12px;
@@ -427,6 +431,12 @@ ejs-listbox {
427
431
  list-style-type: none;
428
432
  margin-bottom: 10px;
429
433
  }
434
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
435
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
436
+ position: absolute;
437
+ right: 0;
438
+ top: 30%;
439
+ }
430
440
 
431
441
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
432
442
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -437,6 +447,12 @@ ejs-listbox {
437
447
  margin-left: 15px;
438
448
  }
439
449
 
450
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
451
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
452
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
453
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
454
+ width: 80% !important;
455
+ }
440
456
  .e-bigger .e-listbox-wrapper .e-list-item,
441
457
  .e-listbox-wrapper.e-bigger .e-list-item,
442
458
  .e-bigger .e-listbox-container .e-list-item,
@@ -524,21 +540,48 @@ ejs-listbox {
524
540
  .e-listbox-container.e-bigger .e-list-header .e-text {
525
541
  font-size: 14px;
526
542
  }
527
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
528
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
543
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
544
+ height: calc(100% - 57px);
545
+ }
546
+
547
+ .e-listbox-container.e-filter-list .e-list-wrap {
548
+ height: calc(100% - 57px) !important;
549
+ }
550
+
551
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
529
552
  height: calc(100% - 45px);
530
553
  }
531
554
 
532
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
533
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
534
- height: calc(100% - 55px);
555
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
556
+ height: calc(100% - 45px) !important;
535
557
  }
536
558
 
537
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
538
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
559
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
560
+ height: calc(100% - 65px);
561
+ }
562
+
563
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
564
+ height: calc(100% - 65px) !important;
565
+ }
566
+
567
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
568
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
569
+ height: calc(100% - 113px);
570
+ }
571
+
572
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
573
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
574
+ height: calc(100% - 48px);
575
+ }
576
+
577
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
539
578
  height: calc(100% - 45px);
540
579
  }
541
580
 
581
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
582
+ height: calc(100% - 45px) !important;
583
+ }
584
+
542
585
  .e-listbox-wrapper,
543
586
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
544
587
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -558,9 +601,14 @@ ejs-listbox {
558
601
  font-size: 12px;
559
602
  }
560
603
 
561
- .e-listbox-wrapper.e-filter-list .e-list-parent,
562
- .e-listbox-container.e-filter-list .e-list-parent {
563
- height: calc(100% - 47px);
604
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
605
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
606
+ height: calc(100% - 93px);
607
+ }
608
+
609
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
610
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
611
+ height: calc(100% - 36px);
564
612
  }
565
613
 
566
614
  .e-listbox-wrapper .e-icons,
@@ -610,7 +658,7 @@ ejs-listbox {
610
658
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
611
659
  background-color: #0078d4;
612
660
  border-color: transparent;
613
- color: #fff;
661
+ color: #1b1a19;
614
662
  }
615
663
 
616
664
  .e-listbox-wrapper .e-list-group-item,
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,12 @@ ejs-listbox {
427
431
  list-style-type: none;
428
432
  margin-bottom: 10px;
429
433
  }
434
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
435
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
436
+ position: absolute;
437
+ right: 0;
438
+ top: 30%;
439
+ }
430
440
 
431
441
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
432
442
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -437,6 +447,12 @@ ejs-listbox {
437
447
  margin-left: 15px;
438
448
  }
439
449
 
450
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
451
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
452
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
453
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
454
+ width: 80% !important;
455
+ }
440
456
  .e-bigger .e-listbox-wrapper .e-list-item,
441
457
  .e-listbox-wrapper.e-bigger .e-list-item,
442
458
  .e-bigger .e-listbox-container .e-list-item,
@@ -524,21 +540,48 @@ ejs-listbox {
524
540
  .e-listbox-container.e-bigger .e-list-header .e-text {
525
541
  font-size: 14px;
526
542
  }
527
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
528
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
543
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
544
+ height: calc(100% - 57px);
545
+ }
546
+
547
+ .e-listbox-container.e-filter-list .e-list-wrap {
548
+ height: calc(100% - 57px) !important;
549
+ }
550
+
551
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
529
552
  height: calc(100% - 45px);
530
553
  }
531
554
 
532
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
533
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
534
- height: calc(100% - 55px);
555
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
556
+ height: calc(100% - 45px) !important;
535
557
  }
536
558
 
537
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
538
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
559
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
560
+ height: calc(100% - 65px);
561
+ }
562
+
563
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
564
+ height: calc(100% - 65px) !important;
565
+ }
566
+
567
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
568
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
569
+ height: calc(100% - 113px);
570
+ }
571
+
572
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
573
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
574
+ height: calc(100% - 48px);
575
+ }
576
+
577
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
539
578
  height: calc(100% - 45px);
540
579
  }
541
580
 
581
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
582
+ height: calc(100% - 45px) !important;
583
+ }
584
+
542
585
  .e-listbox-wrapper,
543
586
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
544
587
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -558,9 +601,14 @@ ejs-listbox {
558
601
  font-size: 12px;
559
602
  }
560
603
 
561
- .e-listbox-wrapper.e-filter-list .e-list-parent,
562
- .e-listbox-container.e-filter-list .e-list-parent {
563
- height: calc(100% - 47px);
604
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
605
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
606
+ height: calc(100% - 93px);
607
+ }
608
+
609
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
610
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
611
+ height: calc(100% - 36px);
564
612
  }
565
613
 
566
614
  .e-listbox-wrapper .e-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,12 @@ 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
+ }
418
424
 
419
425
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
420
426
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -512,21 +518,48 @@ ejs-listbox {
512
518
  .e-listbox-container.e-bigger .e-list-header .e-text {
513
519
  font-size: 15px;
514
520
  }
515
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
516
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
521
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
522
+ height: calc(100% - 51px);
523
+ }
524
+
525
+ .e-listbox-container.e-filter-list .e-list-wrap {
526
+ height: calc(100% - 51px) !important;
527
+ }
528
+
529
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
517
530
  height: calc(100% - 45px);
518
531
  }
519
532
 
520
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
521
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
533
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
534
+ height: calc(100% - 45px) !important;
535
+ }
536
+
537
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
522
538
  height: calc(100% - 59px);
523
539
  }
524
540
 
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 {
541
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
542
+ height: calc(100% - 59px) !important;
543
+ }
544
+
545
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
546
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
547
+ height: calc(100% - 104px);
548
+ }
549
+
550
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
551
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
552
+ height: calc(100% - 45px);
553
+ }
554
+
555
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
527
556
  height: calc(100% - 55px);
528
557
  }
529
558
 
559
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
560
+ height: calc(100% - 55px) !important;
561
+ }
562
+
530
563
  .e-listbox-wrapper,
531
564
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
532
565
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -546,9 +579,14 @@ ejs-listbox {
546
579
  font-size: 14px;
547
580
  }
548
581
 
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);
582
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
583
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
584
+ height: calc(100% - 87px);
585
+ }
586
+
587
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
588
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
589
+ height: calc(100% - 36px);
552
590
  }
553
591
 
554
592
  .e-listbox-wrapper .e-icons,