@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
@@ -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% - 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 {
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% - 56px);
571
+ }
572
+
573
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
574
+ height: calc(100% - 56px) !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% - 96px);
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% - 40px);
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% - 86px);
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-list-item,
@@ -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% - 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 {
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% - 56px);
571
+ }
572
+
573
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
574
+ height: calc(100% - 56px) !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% - 96px);
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% - 40px);
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% - 86px);
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-list-item,
@@ -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: 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,
@@ -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: 83% !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: 15px;
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% - 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 {
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 {
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 {
508
544
  height: calc(100% - 59px);
509
545
  }
510
546
 
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 {
547
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
548
+ height: calc(100% - 59px) !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% - 104px);
554
+ }
555
+
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% - 45px);
559
+ }
560
+
561
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
513
562
  height: calc(100% - 55px);
514
563
  }
515
564
 
565
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 55px) !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: 14px;
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% - 51px);
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% - 87px);
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,
@@ -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,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,
@@ -610,7 +668,7 @@ ejs-listbox {
610
668
  .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
611
669
  background-color: #0078d4;
612
670
  border-color: transparent;
613
- color: #fff;
671
+ color: #1b1a19;
614
672
  }
615
673
 
616
674
  .e-listbox-wrapper .e-list-group-item,