@syncfusion/ej2-dropdowns 23.1.36 → 23.1.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 (95) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/ej2-dropdowns.min.js +3 -3
  3. package/dist/ej2-dropdowns.umd.min.js +3 -3
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +36 -6
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +36 -6
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +3 -3
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +9 -9
  13. package/src/common/virtual-scroll.d.ts +1 -0
  14. package/src/common/virtual-scroll.js +3 -0
  15. package/src/drop-down-list/drop-down-list.d.ts +1 -0
  16. package/src/drop-down-list/drop-down-list.js +31 -5
  17. package/src/multi-select/multi-select.js +2 -1
  18. package/styles/bootstrap-dark.css +82 -8
  19. package/styles/bootstrap.css +82 -8
  20. package/styles/bootstrap4.css +83 -9
  21. package/styles/bootstrap5-dark.css +83 -9
  22. package/styles/bootstrap5.css +83 -9
  23. package/styles/fabric-dark.css +83 -9
  24. package/styles/fabric.css +83 -9
  25. package/styles/fluent-dark.css +82 -8
  26. package/styles/fluent.css +82 -8
  27. package/styles/highcontrast-light.css +82 -8
  28. package/styles/highcontrast.css +82 -8
  29. package/styles/list-box/_bootstrap-dark-definition.scss +6 -2
  30. package/styles/list-box/_bootstrap-definition.scss +7 -3
  31. package/styles/list-box/_bootstrap4-definition.scss +8 -4
  32. package/styles/list-box/_bootstrap5-definition.scss +6 -4
  33. package/styles/list-box/_fabric-dark-definition.scss +6 -2
  34. package/styles/list-box/_fabric-definition.scss +6 -2
  35. package/styles/list-box/_fluent-definition.scss +8 -6
  36. package/styles/list-box/_highcontrast-definition.scss +6 -2
  37. package/styles/list-box/_highcontrast-light-definition.scss +6 -2
  38. package/styles/list-box/_material-dark-definition.scss +8 -4
  39. package/styles/list-box/_material-definition.scss +8 -4
  40. package/styles/list-box/_material3-definition.scss +8 -6
  41. package/styles/list-box/_tailwind-definition.scss +8 -6
  42. package/styles/list-box/_theme.scss +72 -7
  43. package/styles/list-box/bootstrap-dark.css +70 -7
  44. package/styles/list-box/bootstrap.css +70 -7
  45. package/styles/list-box/bootstrap4.css +71 -8
  46. package/styles/list-box/bootstrap5-dark.css +71 -8
  47. package/styles/list-box/bootstrap5.css +71 -8
  48. package/styles/list-box/fabric-dark.css +70 -7
  49. package/styles/list-box/fabric.css +70 -7
  50. package/styles/list-box/fluent-dark.css +70 -7
  51. package/styles/list-box/fluent.css +70 -7
  52. package/styles/list-box/highcontrast-light.css +70 -7
  53. package/styles/list-box/highcontrast.css +70 -7
  54. package/styles/list-box/material-dark.css +71 -8
  55. package/styles/list-box/material.css +71 -8
  56. package/styles/list-box/material3-dark.css +71 -8
  57. package/styles/list-box/material3.css +71 -8
  58. package/styles/list-box/tailwind-dark.css +71 -8
  59. package/styles/list-box/tailwind.css +71 -8
  60. package/styles/material-dark.css +83 -9
  61. package/styles/material.css +83 -9
  62. package/styles/material3-dark.css +81 -8
  63. package/styles/material3.css +81 -8
  64. package/styles/multi-select/_bootstrap-dark-definition.scss +2 -0
  65. package/styles/multi-select/_bootstrap-definition.scss +2 -0
  66. package/styles/multi-select/_bootstrap4-definition.scss +2 -0
  67. package/styles/multi-select/_bootstrap5-definition.scss +2 -0
  68. package/styles/multi-select/_fabric-dark-definition.scss +3 -1
  69. package/styles/multi-select/_fabric-definition.scss +3 -1
  70. package/styles/multi-select/_fluent-definition.scss +2 -0
  71. package/styles/multi-select/_highcontrast-definition.scss +2 -0
  72. package/styles/multi-select/_highcontrast-light-definition.scss +2 -0
  73. package/styles/multi-select/_layout.scss +12 -1
  74. package/styles/multi-select/_material-dark-definition.scss +2 -0
  75. package/styles/multi-select/_material-definition.scss +2 -0
  76. package/styles/multi-select/_tailwind-definition.scss +2 -0
  77. package/styles/multi-select/bootstrap-dark.css +12 -1
  78. package/styles/multi-select/bootstrap.css +12 -1
  79. package/styles/multi-select/bootstrap4.css +12 -1
  80. package/styles/multi-select/bootstrap5-dark.css +12 -1
  81. package/styles/multi-select/bootstrap5.css +12 -1
  82. package/styles/multi-select/fabric-dark.css +13 -2
  83. package/styles/multi-select/fabric.css +13 -2
  84. package/styles/multi-select/fluent-dark.css +12 -1
  85. package/styles/multi-select/fluent.css +12 -1
  86. package/styles/multi-select/highcontrast-light.css +12 -1
  87. package/styles/multi-select/highcontrast.css +12 -1
  88. package/styles/multi-select/material-dark.css +12 -1
  89. package/styles/multi-select/material.css +12 -1
  90. package/styles/multi-select/material3-dark.css +10 -0
  91. package/styles/multi-select/material3.css +10 -0
  92. package/styles/multi-select/tailwind-dark.css +12 -1
  93. package/styles/multi-select/tailwind.css +12 -1
  94. package/styles/tailwind-dark.css +83 -9
  95. package/styles/tailwind.css +83 -9
@@ -2666,6 +2666,11 @@ ejs-multiselect {
2666
2666
  margin-top: -1.4em;
2667
2667
  }
2668
2668
 
2669
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2670
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2671
+ margin-top: -1.4em;
2672
+ }
2673
+
2669
2674
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2670
2675
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2671
2676
  line-height: 40px;
@@ -2677,6 +2682,11 @@ ejs-multiselect {
2677
2682
  top: 100%;
2678
2683
  }
2679
2684
 
2685
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2686
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2687
+ margin-top: -1.7em;
2688
+ }
2689
+
2680
2690
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2681
2691
  height: 16px;
2682
2692
  width: 16px;
@@ -4299,27 +4309,66 @@ ejs-listbox {
4299
4309
  }
4300
4310
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4301
4311
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4302
- height: calc(100% - 35px);
4312
+ height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
4313
+ }
4314
+
4315
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4316
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4317
+ }
4318
+
4319
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4320
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4303
4321
  }
4304
4322
 
4305
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4306
4323
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4307
- height: calc(100% - 48px);
4324
+ height: 100%;
4308
4325
  }
4309
4326
 
4310
4327
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4311
4328
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4312
- height: calc(100% - 98px);
4329
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4330
+ }
4331
+
4332
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4333
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4334
+ }
4335
+
4336
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4337
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4338
+ }
4339
+
4340
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4341
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4342
+ }
4343
+
4344
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4345
+ height: 100%;
4313
4346
  }
4314
4347
 
4315
4348
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4349
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4350
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4351
+ }
4352
+
4316
4353
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4317
- height: calc(100% - 48px);
4354
+ height: 100%;
4318
4355
  }
4319
4356
 
4320
4357
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4358
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4359
+ height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
4360
+ }
4361
+
4362
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4363
+ height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
4364
+ }
4365
+
4366
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4367
+ height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
4368
+ }
4369
+
4321
4370
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4322
- height: calc(100% - 37px);
4371
+ height: 100%;
4323
4372
  }
4324
4373
 
4325
4374
  .e-listbox-wrapper,
@@ -4346,13 +4395,13 @@ ejs-listbox {
4346
4395
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4347
4396
  .e-listbox-container.e-filter-list .e-list-parent,
4348
4397
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4349
- height: calc(100% - 40px);
4398
+ height: calc(100% - 36px);
4350
4399
  }
4351
4400
 
4352
4401
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4353
4402
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4354
4403
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4355
- height: calc(100% - 79px);
4404
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
4356
4405
  }
4357
4406
 
4358
4407
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4628,6 +4677,30 @@ ejs-listbox {
4628
4677
  padding-right: 16px;
4629
4678
  }
4630
4679
 
4680
+ .e-listbox-container.e-filter-list .e-list-parent {
4681
+ height: 100%;
4682
+ }
4683
+
4684
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4685
+ height: 100%;
4686
+ }
4687
+
4688
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4689
+ height: 100%;
4690
+ }
4691
+
4692
+ .e-listbox-container.e-filter-list .e-list-wrap {
4693
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4694
+ }
4695
+
4696
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
4697
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
4698
+ }
4699
+
4700
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
4701
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4702
+ }
4703
+
4631
4704
  /* stylelint-disable-line no-empty-source */
4632
4705
  /* stylelint-disable property-no-vendor-prefix */
4633
4706
  @keyframes material-spinner-rotate {
@@ -2722,6 +2722,11 @@ ejs-multiselect {
2722
2722
  margin-top: -1.4em;
2723
2723
  }
2724
2724
 
2725
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2726
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2727
+ margin-top: -1.4em;
2728
+ }
2729
+
2725
2730
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2726
2731
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2727
2732
  line-height: 40px;
@@ -2733,6 +2738,11 @@ ejs-multiselect {
2733
2738
  top: 100%;
2734
2739
  }
2735
2740
 
2741
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2742
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2743
+ margin-top: -1.7em;
2744
+ }
2745
+
2736
2746
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2737
2747
  height: 16px;
2738
2748
  width: 16px;
@@ -4355,27 +4365,66 @@ ejs-listbox {
4355
4365
  }
4356
4366
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4357
4367
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4358
- height: calc(100% - 35px);
4368
+ height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
4369
+ }
4370
+
4371
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4372
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4373
+ }
4374
+
4375
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4376
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4359
4377
  }
4360
4378
 
4361
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4362
4379
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4363
- height: calc(100% - 48px);
4380
+ height: 100%;
4364
4381
  }
4365
4382
 
4366
4383
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4367
4384
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4368
- height: calc(100% - 98px);
4385
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4386
+ }
4387
+
4388
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4389
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4390
+ }
4391
+
4392
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4393
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4394
+ }
4395
+
4396
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4397
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4398
+ }
4399
+
4400
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4401
+ height: 100%;
4369
4402
  }
4370
4403
 
4371
4404
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4405
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4406
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4407
+ }
4408
+
4372
4409
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4373
- height: calc(100% - 48px);
4410
+ height: 100%;
4374
4411
  }
4375
4412
 
4376
4413
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4414
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4415
+ height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
4416
+ }
4417
+
4418
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4419
+ height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
4420
+ }
4421
+
4422
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4423
+ height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
4424
+ }
4425
+
4377
4426
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4378
- height: calc(100% - 37px);
4427
+ height: 100%;
4379
4428
  }
4380
4429
 
4381
4430
  .e-listbox-wrapper,
@@ -4402,13 +4451,13 @@ ejs-listbox {
4402
4451
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4403
4452
  .e-listbox-container.e-filter-list .e-list-parent,
4404
4453
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4405
- height: calc(100% - 40px);
4454
+ height: calc(100% - 36px);
4406
4455
  }
4407
4456
 
4408
4457
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4409
4458
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4410
4459
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4411
- height: calc(100% - 79px);
4460
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
4412
4461
  }
4413
4462
 
4414
4463
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4684,6 +4733,30 @@ ejs-listbox {
4684
4733
  padding-right: 16px;
4685
4734
  }
4686
4735
 
4736
+ .e-listbox-container.e-filter-list .e-list-parent {
4737
+ height: 100%;
4738
+ }
4739
+
4740
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4741
+ height: 100%;
4742
+ }
4743
+
4744
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4745
+ height: 100%;
4746
+ }
4747
+
4748
+ .e-listbox-container.e-filter-list .e-list-wrap {
4749
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4750
+ }
4751
+
4752
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
4753
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
4754
+ }
4755
+
4756
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
4757
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4758
+ }
4759
+
4687
4760
  /* stylelint-disable-line no-empty-source */
4688
4761
  /* stylelint-disable property-no-vendor-prefix */
4689
4762
  @keyframes material-spinner-rotate {
@@ -34,6 +34,8 @@ $ddl-closer-margin-top: -4em !default;
34
34
  $ddl-icon-margin-top: -2.65em !default;
35
35
  $ddl-clear-margin-top: -3.2em !default;
36
36
  $ddl-icon-margin-top-bigger: -2.7em !default;
37
+ $ddl-small-ddl-icon-top: -2.6em !default;
38
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
37
39
  $ddl-closer-margin-top-bigger: -4em !default;
38
40
  $ddl-chip-close-top: 9px !default;
39
41
  $ddl-chip-close-left: 10px !default;
@@ -33,6 +33,8 @@ $ddl-closer-margin-top: -4em !default;
33
33
  $ddl-icon-margin-top: -2.65em !default;
34
34
  $ddl-clear-margin-top: -3.2em !default;
35
35
  $ddl-icon-margin-top-bigger: -2.7em !default;
36
+ $ddl-small-ddl-icon-top: -2.6em !default;
37
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
36
38
  $ddl-closer-margin-top-bigger: -4em !default;
37
39
  $ddl-chip-close-top: 9px !default;
38
40
  $ddl-chip-close-left: 10px !default;
@@ -32,6 +32,8 @@ $ddl-chip-padding: 0 !default;
32
32
  $ddl-closer-margin-top: -2.9em !default;
33
33
  $ddl-icon-margin-top: -2.05em !default;
34
34
  $ddl-icon-margin-top-bigger: -2.25em !default;
35
+ $ddl-small-ddl-icon-top: -1.85em !default;
36
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
35
37
  $ddl-clear-margin-top: -2.9em !default;
36
38
  $ddl-closer-margin-top-bigger: -3.5em !default;
37
39
  $ddl-chip-close-top: 8px !default;
@@ -44,6 +44,8 @@ $ddl-closer-margin-top-bigger: -2.25em !default;
44
44
  $ddl-icon-margin-top: -2.1em !default;
45
45
  $ddl-clear-margin-top: -2em !default;
46
46
  $ddl-icon-margin-top-bigger: -2.25em !default;
47
+ $ddl-small-ddl-icon-top: -2em !default;
48
+ $ddl-bigger-small-ddl-icon-top: -2.65em !default;
47
49
  $ddl-chip-mobile-radius: 2px !default;
48
50
  $ddl-chip-sel-mobile-height: 40px !default;
49
51
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -56,7 +56,9 @@ $ddl-closer-hooker-font: 10px !default;
56
56
  $ddl-closer-margin-top: -3em !default;
57
57
  $ddl-icon-margin-top: -2.5em !default;
58
58
  $ddl-clear-margin-top: -3em !default;
59
- $ddl-icon-margin-top-bigger: -3.2em !default;
59
+ $ddl-icon-margin-top-bigger: -3.15em !default;
60
+ $ddl-small-ddl-icon-top: -2.5em !default;
61
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
60
62
  $ddl-closer-margin-top-bigger: -3.5em !default;
61
63
  $ddl-chip-font-family: inherit !default;
62
64
  $ddl-chip-mobile-radius: 0 !default;
@@ -54,7 +54,9 @@ $ddl-delimviewheight-bigger: 36px !default;
54
54
  $ddl-closer-hooker-font: 10px !default;
55
55
  $ddl-closer-margin-top: -3em !default;
56
56
  $ddl-icon-margin-top: -2.5em !default;
57
- $ddl-icon-margin-top-bigger: -3.2em !default;
57
+ $ddl-icon-margin-top-bigger: -3.15em !default;
58
+ $ddl-small-ddl-icon-top: -2.5em !default;
59
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
58
60
  $ddl-clear-margin-top: -3em !default;
59
61
  $ddl-closer-margin-top-bigger: -3.5em !default;
60
62
  $ddl-chip-font-family: inherit !default;
@@ -45,6 +45,8 @@ $ddl-icon-margin-top: -1.68em !default;
45
45
  $ddl-clear-margin-top: -2em !default;
46
46
  $ddl-bigger-clear-margin-top: -2.25em !default;
47
47
  $ddl-icon-margin-top-bigger: -1.68em !default;
48
+ $ddl-small-ddl-icon-top: -1.6em !default;
49
+ $ddl-bigger-small-ddl-icon-top: -1.68em !default;
48
50
  $ddl-chip-mobile-radius: 2px !default;
49
51
  $ddl-chip-sel-mobile-height: 40px !default;
50
52
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -57,6 +57,8 @@ $ddl-closer-hooker-font: 10px !default;
57
57
  $ddl-closer-margin-top: -3em !default;
58
58
  $ddl-icon-margin-top: -2.5em !default;
59
59
  $ddl-icon-margin-top-bigger: -3.1em !default;
60
+ $ddl-small-ddl-icon-top: -2.5em !default;
61
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
60
62
  $ddl-clear-margin-top: -3.2em !default;
61
63
  $ddl-closer-margin-top-bigger: -3.5em !default;
62
64
  $ddl-chip-font-family: inherit !default;
@@ -57,6 +57,8 @@ $ddl-closer-hooker-font: 10px !default;
57
57
  $ddl-closer-margin-top: -3.2em !default;
58
58
  $ddl-icon-margin-top: -2.8em !default;
59
59
  $ddl-icon-margin-top-bigger: -2.8em !default;
60
+ $ddl-small-ddl-icon-top: -2.5em !default;
61
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
60
62
  $ddl-clear-margin-top: -3.2em !default;
61
63
  $ddl-closer-margin-top-bigger: -3.5em !default;
62
64
  $ddl-chip-font-family: inherit !default;
@@ -169,7 +169,8 @@
169
169
  }
170
170
  }
171
171
 
172
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
172
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
173
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
173
174
  @if $ddl-multiselect-skin-name != 'Material3' {
174
175
  margin-top: $ddl-icon-margin-top-bigger;
175
176
  }
@@ -1201,6 +1202,11 @@ ejs-multiselect {
1201
1202
  }
1202
1203
  }
1203
1204
 
1205
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1206
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1207
+ margin-top: $ddl-small-ddl-icon-top;
1208
+ }
1209
+
1204
1210
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1205
1211
  @if ddl-multiselect-skin-name == 'Material3' {
1206
1212
  height: $ddl-small-clear-icon-height;
@@ -1232,6 +1238,11 @@ ejs-multiselect {
1232
1238
  }
1233
1239
  }
1234
1240
 
1241
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1242
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1243
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1244
+ }
1245
+
1235
1246
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1236
1247
  height: $ddl-bigger-small-chip-close-square;
1237
1248
  width: $ddl-bigger-small-chip-close-width;
@@ -55,6 +55,8 @@ $ddl-closer-hooker-font: 10px !default;
55
55
  $ddl-chip-font-family: inherit !default;
56
56
  $ddl-closer-margin-top: -2.5em !default;
57
57
  $ddl-icon-margin-top-bigger: -2.5em !default;
58
+ $ddl-small-ddl-icon-top: -1.8em !default;
59
+ $ddl-bigger-small-ddl-icon-top: -2em !default;
58
60
  $ddl-icon-margin-top: -2.1em !default;
59
61
  $ddl-clear-margin-top: -2.5em !default;
60
62
  $ddl-closer-margin-top-bigger: -3em !default;
@@ -57,6 +57,8 @@ $ddl-closer-margin-top-bigger: -3em !default;
57
57
  $ddl-icon-margin-top: -2.1em !default;
58
58
  $ddl-clear-margin-top: -2.5em !default;
59
59
  $ddl-icon-margin-top-bigger: -2.5em !default;
60
+ $ddl-small-ddl-icon-top: -1.8em !default;
61
+ $ddl-bigger-small-ddl-icon-top: -2em !default;
60
62
  $ddl-chip-mobile-radius: 2px !default;
61
63
  $ddl-chip-sel-mobile-height: 40px !default;
62
64
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -45,6 +45,8 @@ $ddl-closer-margin-top-bigger: -1.62em !default;
45
45
  $ddl-icon-margin-top: -1.3em !default;
46
46
  $ddl-clear-margin-top: -2em !default;
47
47
  $ddl-icon-margin-top-bigger: -1.3em !default;
48
+ $ddl-small-ddl-icon-top: -1.3em !default;
49
+ $ddl-bigger-small-ddl-icon-top: -1.3em !default;
48
50
  $ddl-chip-mobile-radius: 2px !default;
49
51
  $ddl-chip-sel-mobile-height: 40px !default;
50
52
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -227,7 +227,8 @@
227
227
  padding: 0 0 0 48px;
228
228
  }
229
229
 
230
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
230
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
231
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
231
232
  margin-top: -2.7em;
232
233
  }
233
234
 
@@ -766,11 +767,21 @@ ejs-multiselect {
766
767
  margin-top: -3.5em;
767
768
  }
768
769
 
770
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
771
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
772
+ margin-top: -2.6em;
773
+ }
774
+
769
775
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
770
776
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
771
777
  line-height: 34px;
772
778
  }
773
779
 
780
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
781
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
782
+ margin-top: -2.85em;
783
+ }
784
+
774
785
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
775
786
  height: 30px;
776
787
  width: 30px;
@@ -225,7 +225,8 @@
225
225
  padding: 0 0 0 48px;
226
226
  }
227
227
 
228
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
228
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
229
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
229
230
  margin-top: -2.7em;
230
231
  }
231
232
 
@@ -764,11 +765,21 @@ ejs-multiselect {
764
765
  margin-top: -3.5em;
765
766
  }
766
767
 
768
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
769
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
770
+ margin-top: -2.6em;
771
+ }
772
+
767
773
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
768
774
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
769
775
  line-height: 34px;
770
776
  }
771
777
 
778
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
779
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
780
+ margin-top: -2.85em;
781
+ }
782
+
772
783
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
773
784
  height: 30px;
774
785
  width: 30px;
@@ -294,7 +294,8 @@
294
294
  padding: 0 0 0 48px;
295
295
  }
296
296
 
297
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
297
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
298
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
298
299
  margin-top: -2.25em;
299
300
  }
300
301
 
@@ -848,6 +849,11 @@ ejs-multiselect {
848
849
  margin-top: -2.4em;
849
850
  }
850
851
 
852
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
853
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
854
+ margin-top: -1.85em;
855
+ }
856
+
851
857
  .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
852
858
  padding: 0 8px 0 8px;
853
859
  }
@@ -857,6 +863,11 @@ ejs-multiselect {
857
863
  line-height: 34px;
858
864
  }
859
865
 
866
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
867
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
868
+ margin-top: -2.85em;
869
+ }
870
+
860
871
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
861
872
  height: 24px;
862
873
  width: auto;
@@ -263,7 +263,8 @@
263
263
  padding: 0 0 0 48px;
264
264
  }
265
265
 
266
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
266
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
267
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
267
268
  margin-top: -2.25em;
268
269
  }
269
270
 
@@ -846,11 +847,21 @@ ejs-multiselect {
846
847
  margin-top: -2em;
847
848
  }
848
849
 
850
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
851
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
852
+ margin-top: -2em;
853
+ }
854
+
849
855
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
850
856
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
851
857
  line-height: 40px;
852
858
  }
853
859
 
860
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
861
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
862
+ margin-top: -2.65em;
863
+ }
864
+
854
865
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
855
866
  height: 14px;
856
867
  width: 14px;
@@ -263,7 +263,8 @@
263
263
  padding: 0 0 0 48px;
264
264
  }
265
265
 
266
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
266
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
267
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
267
268
  margin-top: -2.25em;
268
269
  }
269
270
 
@@ -846,11 +847,21 @@ ejs-multiselect {
846
847
  margin-top: -2em;
847
848
  }
848
849
 
850
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
851
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
852
+ margin-top: -2em;
853
+ }
854
+
849
855
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
850
856
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
851
857
  line-height: 40px;
852
858
  }
853
859
 
860
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
861
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
862
+ margin-top: -2.65em;
863
+ }
864
+
854
865
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
855
866
  height: 14px;
856
867
  width: 14px;
@@ -220,8 +220,9 @@
220
220
  padding: 0 0 0 48px;
221
221
  }
222
222
 
223
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
224
- margin-top: -3.2em;
223
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
224
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
225
+ margin-top: -3.15em;
225
226
  }
226
227
 
227
228
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
@@ -767,11 +768,21 @@ ejs-multiselect {
767
768
  margin-top: -3em;
768
769
  }
769
770
 
771
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
772
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
773
+ margin-top: -2.5em;
774
+ }
775
+
770
776
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
771
777
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
772
778
  line-height: 40px;
773
779
  }
774
780
 
781
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
782
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
783
+ margin-top: -2.85em;
784
+ }
785
+
775
786
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
776
787
  height: 26px;
777
788
  width: auto;