@syncfusion/blazor-themes 23.1.38 → 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 (97) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +49 -12
  2. package/SCSS-Themes/bootstrap.scss +49 -12
  3. package/SCSS-Themes/bootstrap4.scss +50 -13
  4. package/SCSS-Themes/bootstrap5-dark.scss +49 -12
  5. package/SCSS-Themes/bootstrap5.scss +49 -12
  6. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +14 -1
  7. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +14 -1
  8. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +14 -1
  9. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +14 -1
  10. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +14 -1
  11. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +15 -2
  12. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +15 -2
  13. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +14 -1
  14. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +14 -1
  15. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +14 -1
  16. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +14 -1
  17. package/SCSS-Themes/dropdowns/multi-select/material.scss +14 -1
  18. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +12 -1
  19. package/SCSS-Themes/dropdowns/multi-select/material3.scss +12 -1
  20. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +14 -1
  21. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +14 -1
  22. package/SCSS-Themes/fabric-dark.scss +50 -13
  23. package/SCSS-Themes/fabric.scss +50 -13
  24. package/SCSS-Themes/fluent-dark.scss +49 -12
  25. package/SCSS-Themes/fluent.scss +49 -12
  26. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +9 -0
  27. package/SCSS-Themes/grids/grid/bootstrap.scss +9 -0
  28. package/SCSS-Themes/grids/grid/bootstrap4.scss +10 -1
  29. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +9 -0
  30. package/SCSS-Themes/grids/grid/bootstrap5.scss +9 -0
  31. package/SCSS-Themes/grids/grid/fabric-dark.scss +9 -0
  32. package/SCSS-Themes/grids/grid/fabric.scss +9 -0
  33. package/SCSS-Themes/grids/grid/fluent-dark.scss +9 -0
  34. package/SCSS-Themes/grids/grid/fluent.scss +9 -0
  35. package/SCSS-Themes/grids/grid/highcontrast.scss +9 -0
  36. package/SCSS-Themes/grids/grid/material-dark.scss +9 -0
  37. package/SCSS-Themes/grids/grid/material.scss +9 -0
  38. package/SCSS-Themes/grids/grid/material3-dark.scss +9 -0
  39. package/SCSS-Themes/grids/grid/material3.scss +9 -0
  40. package/SCSS-Themes/grids/grid/tailwind-dark.scss +9 -0
  41. package/SCSS-Themes/grids/grid/tailwind.scss +9 -0
  42. package/SCSS-Themes/highcontrast.scss +49 -12
  43. package/SCSS-Themes/material-dark.scss +49 -12
  44. package/SCSS-Themes/material.scss +49 -12
  45. package/SCSS-Themes/material3-dark.scss +48 -12
  46. package/SCSS-Themes/material3.scss +48 -12
  47. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +21 -9
  48. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +21 -9
  49. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +21 -9
  50. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +21 -9
  51. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +21 -9
  52. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +21 -9
  53. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +21 -9
  54. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +21 -9
  55. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +21 -9
  56. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +21 -9
  57. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +21 -9
  58. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +21 -9
  59. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +22 -9
  60. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +22 -9
  61. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +21 -9
  62. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +21 -9
  63. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +3 -0
  64. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +3 -0
  65. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +3 -0
  66. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +3 -0
  67. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +3 -0
  68. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +3 -0
  69. package/SCSS-Themes/pivotview/pivotview/fabric.scss +3 -0
  70. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +3 -0
  71. package/SCSS-Themes/pivotview/pivotview/fluent.scss +3 -0
  72. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +3 -0
  73. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +3 -0
  74. package/SCSS-Themes/pivotview/pivotview/material.scss +3 -0
  75. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +3 -0
  76. package/SCSS-Themes/pivotview/pivotview/material3.scss +3 -0
  77. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +3 -0
  78. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +3 -0
  79. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +2 -2
  80. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +2 -2
  81. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +2 -2
  82. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +2 -2
  83. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +2 -2
  84. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +2 -2
  85. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +2 -2
  86. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +2 -2
  87. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +2 -2
  88. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +2 -2
  89. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +2 -2
  90. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +2 -2
  91. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +2 -2
  92. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +2 -2
  93. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +2 -2
  94. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +2 -2
  95. package/SCSS-Themes/tailwind-dark.scss +49 -12
  96. package/SCSS-Themes/tailwind.scss +49 -12
  97. package/package.json +1 -1
@@ -59741,6 +59741,8 @@ $ddl-closer-margin-top-bigger: -2.25em !default;
59741
59741
  $ddl-icon-margin-top: -2.1em !default;
59742
59742
  $ddl-clear-margin-top: -2em !default;
59743
59743
  $ddl-icon-margin-top-bigger: -2.25em !default;
59744
+ $ddl-small-ddl-icon-top: -2em !default;
59745
+ $ddl-bigger-small-ddl-icon-top: -2.65em !default;
59744
59746
  $ddl-chip-mobile-radius: 2px !default;
59745
59747
  $ddl-chip-sel-mobile-height: 40px !default;
59746
59748
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -60094,7 +60096,8 @@ $ddl-close-down-icon-left: 35px !default;
60094
60096
  }
60095
60097
  }
60096
60098
 
60097
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60099
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
60100
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
60098
60101
  @if $ddl-multiselect-skin-name != 'Material3' {
60099
60102
  margin-top: $ddl-icon-margin-top-bigger;
60100
60103
  }
@@ -61126,6 +61129,11 @@ ejs-multiselect {
61126
61129
  }
61127
61130
  }
61128
61131
 
61132
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
61133
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
61134
+ margin-top: $ddl-small-ddl-icon-top;
61135
+ }
61136
+
61129
61137
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
61130
61138
  @if ddl-multiselect-skin-name == 'Material3' {
61131
61139
  height: $ddl-small-clear-icon-height;
@@ -61157,6 +61165,11 @@ ejs-multiselect {
61157
61165
  }
61158
61166
  }
61159
61167
 
61168
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
61169
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
61170
+ margin-top: $ddl-bigger-small-ddl-icon-top;
61171
+ }
61172
+
61160
61173
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
61161
61174
  height: $ddl-bigger-small-chip-close-square;
61162
61175
  width: $ddl-bigger-small-chip-close-width;
@@ -77246,6 +77259,11 @@ $grid-dropitems-count-margin-left: -4px !default;
77246
77259
  overflow: visible;
77247
77260
  }
77248
77261
 
77262
+ .e-headercell.e-templatecell .e-headercelldiv {
77263
+ height: auto;
77264
+ min-height: $grid-header-height;
77265
+ }
77266
+
77249
77267
  .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
77250
77268
  padding: 0 .6em;
77251
77269
  }
@@ -81397,6 +81415,10 @@ $grid-dropitems-count-margin-left: -4px !default;
81397
81415
  cursor: move;
81398
81416
  }
81399
81417
 
81418
+ & .e-notallowedcur .e-row:hover .e-rowdragdrop {
81419
+ cursor: not-allowed;
81420
+ }
81421
+
81400
81422
  .e-sortnumber {
81401
81423
  @if $grid-skin == 'material3' {
81402
81424
  background: $grid-sortnumber-bg-color;
@@ -89001,7 +89023,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89001
89023
 
89002
89024
  .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
89003
89025
  display: grid;
89004
- grid-template-columns: repeat(6, 1fr);
89026
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
89005
89027
  gap: 6px;
89006
89028
 
89007
89029
  .e-btn.e-control {
@@ -89018,7 +89040,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
89018
89040
 
89019
89041
  .e-rte-emojisearch-btn {
89020
89042
  display: grid;
89021
- grid-template-columns: repeat(6, 1fr);
89043
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
89022
89044
  gap: 6px;
89023
89045
  height: 0;
89024
89046
 
@@ -101186,6 +101208,22 @@ $pv-eye-icon-margin-top: 3px !default;
101186
101208
  text-align: left;
101187
101209
  }
101188
101210
 
101211
+ .e-pv-mobile-comments-container .e-pv-comment-panel-title {
101212
+ @if $skin-name == 'Material3' {
101213
+ background: $content-bg-color-alt2;
101214
+ border: $border-light;
101215
+ border-width: 0 0 1px 1px;
101216
+ font-size: $text-base;
101217
+ font-weight: $pv-comment-tile-font-weight;
101218
+ line-height: 16px;
101219
+ padding: 0;
101220
+ left: 15px;
101221
+ top: 14px;
101222
+ position: absolute;
101223
+ text-align: left;
101224
+ }
101225
+ }
101226
+
101189
101227
  .e-pv-comment-panel-title-close-div.e-btn {
101190
101228
  background: $pv-title-close-background;
101191
101229
  border: $pv-title-close-border;
@@ -101195,17 +101233,12 @@ $pv-eye-icon-margin-top: 3px !default;
101195
101233
  }
101196
101234
  height: $pv-title-close-height;
101197
101235
  position: $pv-title-close-position;
101198
- @if $skin-name != 'Material3' {
101199
- right: 11px;
101200
- top: 5px;
101201
- }
101236
+ right: 11px;
101237
+ top: 5px;
101202
101238
  width: $pv-title-close-width;
101203
101239
  @if $skin-name == 'FluentUI' {
101204
101240
  padding: 4px;
101205
101241
  }
101206
- @if $skin-name == 'Material3' {
101207
- padding: 12px 12px 12px 270px;
101208
- }
101209
101242
  }
101210
101243
 
101211
101244
  @if $skin-name == 'Material3' {
@@ -101218,7 +101251,7 @@ $pv-eye-icon-margin-top: 3px !default;
101218
101251
  @if $skin-name != 'bootstrap5' {
101219
101252
  color: $pv-comment-text-color;
101220
101253
  }
101221
- @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
101254
+ @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
101222
101255
  color: $icon-color;
101223
101256
  }
101224
101257
  }
@@ -101226,6 +101259,7 @@ $pv-eye-icon-margin-top: 3px !default;
101226
101259
  .e-pv-comments-panel-text {
101227
101260
  font-size: 15px;
101228
101261
  padding-left: 85px;
101262
+ color: rgba(var(--color-sf-on-surface-variant));
101229
101263
  }
101230
101264
 
101231
101265
  .e-pv-comments-content-container {
@@ -102702,7 +102736,7 @@ $pv-eye-icon-margin-top: 3px !default;
102702
102736
  }
102703
102737
 
102704
102738
  .e-bigger .e-pv-signature-dialog-height {
102705
- @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
102739
+ @if ($skin-name == 'FluentUI') {
102706
102740
  min-height: 592px;
102707
102741
  }
102708
102742
  }
@@ -109764,10 +109798,12 @@ $pivotpager-single-size-title-padding: 8px !default;
109764
109798
  .e-pivotcell-container {
109765
109799
  align-items: center;
109766
109800
  display: flex;
109801
+ max-height: inherit;
109767
109802
 
109768
109803
  .e-stackedheadertext,
109769
109804
  .e-headertext {
109770
109805
  &.e-cellvalue {
109806
+ align-self: stretch;
109771
109807
  overflow: hidden;
109772
109808
  text-overflow: ellipsis;
109773
109809
  width: 100%;
@@ -110521,6 +110557,7 @@ $pivotpager-single-size-title-padding: 8px !default;
110521
110557
  display: inline-block;
110522
110558
  height: 100%;
110523
110559
  vertical-align: top;
110560
+ width: 100%;
110524
110561
  }
110525
110562
 
110526
110563
  /* stylelint-disable */
@@ -40,6 +40,8 @@ $ddl-closer-margin-top: -4em !default;
40
40
  $ddl-icon-margin-top: -2.65em !default;
41
41
  $ddl-clear-margin-top: -3.2em !default;
42
42
  $ddl-icon-margin-top-bigger: -2.7em !default;
43
+ $ddl-small-ddl-icon-top: -2.6em !default;
44
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
43
45
  $ddl-closer-margin-top-bigger: -4em !default;
44
46
  $ddl-chip-close-top: 9px !default;
45
47
  $ddl-chip-close-left: 10px !default;
@@ -372,7 +374,8 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
372
374
  }
373
375
  }
374
376
 
375
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
377
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
378
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
376
379
  @if $ddl-multiselect-skin-name != 'Material3' {
377
380
  margin-top: $ddl-icon-margin-top-bigger;
378
381
  }
@@ -1404,6 +1407,11 @@ ejs-multiselect {
1404
1407
  }
1405
1408
  }
1406
1409
 
1410
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1411
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1412
+ margin-top: $ddl-small-ddl-icon-top;
1413
+ }
1414
+
1407
1415
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1408
1416
  @if ddl-multiselect-skin-name == 'Material3' {
1409
1417
  height: $ddl-small-clear-icon-height;
@@ -1435,6 +1443,11 @@ ejs-multiselect {
1435
1443
  }
1436
1444
  }
1437
1445
 
1446
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1447
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1448
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1449
+ }
1450
+
1438
1451
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1439
1452
  height: $ddl-bigger-small-chip-close-square;
1440
1453
  width: $ddl-bigger-small-chip-close-width;
@@ -39,6 +39,8 @@ $ddl-closer-margin-top: -4em !default;
39
39
  $ddl-icon-margin-top: -2.65em !default;
40
40
  $ddl-clear-margin-top: -3.2em !default;
41
41
  $ddl-icon-margin-top-bigger: -2.7em !default;
42
+ $ddl-small-ddl-icon-top: -2.6em !default;
43
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
42
44
  $ddl-closer-margin-top-bigger: -4em !default;
43
45
  $ddl-chip-close-top: 9px !default;
44
46
  $ddl-chip-close-left: 10px !default;
@@ -366,7 +368,8 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
366
368
  }
367
369
  }
368
370
 
369
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
371
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
372
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
370
373
  @if $ddl-multiselect-skin-name != 'Material3' {
371
374
  margin-top: $ddl-icon-margin-top-bigger;
372
375
  }
@@ -1398,6 +1401,11 @@ ejs-multiselect {
1398
1401
  }
1399
1402
  }
1400
1403
 
1404
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1405
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1406
+ margin-top: $ddl-small-ddl-icon-top;
1407
+ }
1408
+
1401
1409
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1402
1410
  @if ddl-multiselect-skin-name == 'Material3' {
1403
1411
  height: $ddl-small-clear-icon-height;
@@ -1429,6 +1437,11 @@ ejs-multiselect {
1429
1437
  }
1430
1438
  }
1431
1439
 
1440
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1441
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1442
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1443
+ }
1444
+
1432
1445
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1433
1446
  height: $ddl-bigger-small-chip-close-square;
1434
1447
  width: $ddl-bigger-small-chip-close-width;
@@ -38,6 +38,8 @@ $ddl-chip-padding: 0 !default;
38
38
  $ddl-closer-margin-top: -2.9em !default;
39
39
  $ddl-icon-margin-top: -2.05em !default;
40
40
  $ddl-icon-margin-top-bigger: -2.25em !default;
41
+ $ddl-small-ddl-icon-top: -1.85em !default;
42
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
41
43
  $ddl-clear-margin-top: -2.9em !default;
42
44
  $ddl-closer-margin-top-bigger: -3.5em !default;
43
45
  $ddl-chip-close-top: 8px !default;
@@ -433,7 +435,8 @@ $multiselect-dropicon-closer-bigger-width: 34px !default;
433
435
  }
434
436
  }
435
437
 
436
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
438
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
439
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
437
440
  @if $ddl-multiselect-skin-name != 'Material3' {
438
441
  margin-top: $ddl-icon-margin-top-bigger;
439
442
  }
@@ -1465,6 +1468,11 @@ ejs-multiselect {
1465
1468
  }
1466
1469
  }
1467
1470
 
1471
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1472
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1473
+ margin-top: $ddl-small-ddl-icon-top;
1474
+ }
1475
+
1468
1476
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1469
1477
  @if ddl-multiselect-skin-name == 'Material3' {
1470
1478
  height: $ddl-small-clear-icon-height;
@@ -1496,6 +1504,11 @@ ejs-multiselect {
1496
1504
  }
1497
1505
  }
1498
1506
 
1507
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1508
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1509
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1510
+ }
1511
+
1499
1512
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1500
1513
  height: $ddl-bigger-small-chip-close-square;
1501
1514
  width: $ddl-bigger-small-chip-close-width;
@@ -50,6 +50,8 @@ $ddl-closer-margin-top-bigger: -2.25em !default;
50
50
  $ddl-icon-margin-top: -2.1em !default;
51
51
  $ddl-clear-margin-top: -2em !default;
52
52
  $ddl-icon-margin-top-bigger: -2.25em !default;
53
+ $ddl-small-ddl-icon-top: -2em !default;
54
+ $ddl-bigger-small-ddl-icon-top: -2.65em !default;
53
55
  $ddl-chip-mobile-radius: 2px !default;
54
56
  $ddl-chip-sel-mobile-height: 40px !default;
55
57
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -403,7 +405,8 @@ $ddl-close-down-icon-left: 35px !default;
403
405
  }
404
406
  }
405
407
 
406
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
408
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
409
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
407
410
  @if $ddl-multiselect-skin-name != 'Material3' {
408
411
  margin-top: $ddl-icon-margin-top-bigger;
409
412
  }
@@ -1435,6 +1438,11 @@ ejs-multiselect {
1435
1438
  }
1436
1439
  }
1437
1440
 
1441
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1442
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1443
+ margin-top: $ddl-small-ddl-icon-top;
1444
+ }
1445
+
1438
1446
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1439
1447
  @if ddl-multiselect-skin-name == 'Material3' {
1440
1448
  height: $ddl-small-clear-icon-height;
@@ -1466,6 +1474,11 @@ ejs-multiselect {
1466
1474
  }
1467
1475
  }
1468
1476
 
1477
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1478
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1479
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1480
+ }
1481
+
1469
1482
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1470
1483
  height: $ddl-bigger-small-chip-close-square;
1471
1484
  width: $ddl-bigger-small-chip-close-width;
@@ -50,6 +50,8 @@ $ddl-closer-margin-top-bigger: -2.25em !default;
50
50
  $ddl-icon-margin-top: -2.1em !default;
51
51
  $ddl-clear-margin-top: -2em !default;
52
52
  $ddl-icon-margin-top-bigger: -2.25em !default;
53
+ $ddl-small-ddl-icon-top: -2em !default;
54
+ $ddl-bigger-small-ddl-icon-top: -2.65em !default;
53
55
  $ddl-chip-mobile-radius: 2px !default;
54
56
  $ddl-chip-sel-mobile-height: 40px !default;
55
57
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -403,7 +405,8 @@ $ddl-close-down-icon-left: 35px !default;
403
405
  }
404
406
  }
405
407
 
406
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
408
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
409
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
407
410
  @if $ddl-multiselect-skin-name != 'Material3' {
408
411
  margin-top: $ddl-icon-margin-top-bigger;
409
412
  }
@@ -1435,6 +1438,11 @@ ejs-multiselect {
1435
1438
  }
1436
1439
  }
1437
1440
 
1441
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1442
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1443
+ margin-top: $ddl-small-ddl-icon-top;
1444
+ }
1445
+
1438
1446
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1439
1447
  @if ddl-multiselect-skin-name == 'Material3' {
1440
1448
  height: $ddl-small-clear-icon-height;
@@ -1466,6 +1474,11 @@ ejs-multiselect {
1466
1474
  }
1467
1475
  }
1468
1476
 
1477
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1478
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1479
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1480
+ }
1481
+
1469
1482
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1470
1483
  height: $ddl-bigger-small-chip-close-square;
1471
1484
  width: $ddl-bigger-small-chip-close-width;
@@ -62,7 +62,9 @@ $ddl-closer-hooker-font: 10px !default;
62
62
  $ddl-closer-margin-top: -3em !default;
63
63
  $ddl-icon-margin-top: -2.5em !default;
64
64
  $ddl-clear-margin-top: -3em !default;
65
- $ddl-icon-margin-top-bigger: -3.2em !default;
65
+ $ddl-icon-margin-top-bigger: -3.15em !default;
66
+ $ddl-small-ddl-icon-top: -2.5em !default;
67
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
66
68
  $ddl-closer-margin-top-bigger: -3.5em !default;
67
69
  $ddl-chip-font-family: inherit !default;
68
70
  $ddl-chip-mobile-radius: 0 !default;
@@ -361,7 +363,8 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
361
363
  }
362
364
  }
363
365
 
364
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
366
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
367
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
365
368
  @if $ddl-multiselect-skin-name != 'Material3' {
366
369
  margin-top: $ddl-icon-margin-top-bigger;
367
370
  }
@@ -1393,6 +1396,11 @@ ejs-multiselect {
1393
1396
  }
1394
1397
  }
1395
1398
 
1399
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1400
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1401
+ margin-top: $ddl-small-ddl-icon-top;
1402
+ }
1403
+
1396
1404
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1397
1405
  @if ddl-multiselect-skin-name == 'Material3' {
1398
1406
  height: $ddl-small-clear-icon-height;
@@ -1424,6 +1432,11 @@ ejs-multiselect {
1424
1432
  }
1425
1433
  }
1426
1434
 
1435
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1436
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1437
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1438
+ }
1439
+
1427
1440
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1428
1441
  height: $ddl-bigger-small-chip-close-square;
1429
1442
  width: $ddl-bigger-small-chip-close-width;
@@ -60,7 +60,9 @@ $ddl-delimviewheight-bigger: 36px !default;
60
60
  $ddl-closer-hooker-font: 10px !default;
61
61
  $ddl-closer-margin-top: -3em !default;
62
62
  $ddl-icon-margin-top: -2.5em !default;
63
- $ddl-icon-margin-top-bigger: -3.2em !default;
63
+ $ddl-icon-margin-top-bigger: -3.15em !default;
64
+ $ddl-small-ddl-icon-top: -2.5em !default;
65
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
64
66
  $ddl-clear-margin-top: -3em !default;
65
67
  $ddl-closer-margin-top-bigger: -3.5em !default;
66
68
  $ddl-chip-font-family: inherit !default;
@@ -357,7 +359,8 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
357
359
  }
358
360
  }
359
361
 
360
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
362
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
363
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
361
364
  @if $ddl-multiselect-skin-name != 'Material3' {
362
365
  margin-top: $ddl-icon-margin-top-bigger;
363
366
  }
@@ -1389,6 +1392,11 @@ ejs-multiselect {
1389
1392
  }
1390
1393
  }
1391
1394
 
1395
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1396
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1397
+ margin-top: $ddl-small-ddl-icon-top;
1398
+ }
1399
+
1392
1400
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1393
1401
  @if ddl-multiselect-skin-name == 'Material3' {
1394
1402
  height: $ddl-small-clear-icon-height;
@@ -1420,6 +1428,11 @@ ejs-multiselect {
1420
1428
  }
1421
1429
  }
1422
1430
 
1431
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1432
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1433
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1434
+ }
1435
+
1423
1436
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1424
1437
  height: $ddl-bigger-small-chip-close-square;
1425
1438
  width: $ddl-bigger-small-chip-close-width;
@@ -51,6 +51,8 @@ $ddl-icon-margin-top: -1.68em !default;
51
51
  $ddl-clear-margin-top: -2em !default;
52
52
  $ddl-bigger-clear-margin-top: -2.25em !default;
53
53
  $ddl-icon-margin-top-bigger: -1.68em !default;
54
+ $ddl-small-ddl-icon-top: -1.6em !default;
55
+ $ddl-bigger-small-ddl-icon-top: -1.68em !default;
54
56
  $ddl-chip-mobile-radius: 2px !default;
55
57
  $ddl-chip-sel-mobile-height: 40px !default;
56
58
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -414,7 +416,8 @@ $ddl-small-clear-icon-width: 12px !default;
414
416
  }
415
417
  }
416
418
 
417
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
419
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
420
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
418
421
  @if $ddl-multiselect-skin-name != 'Material3' {
419
422
  margin-top: $ddl-icon-margin-top-bigger;
420
423
  }
@@ -1446,6 +1449,11 @@ ejs-multiselect {
1446
1449
  }
1447
1450
  }
1448
1451
 
1452
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1453
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1454
+ margin-top: $ddl-small-ddl-icon-top;
1455
+ }
1456
+
1449
1457
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1450
1458
  @if ddl-multiselect-skin-name == 'Material3' {
1451
1459
  height: $ddl-small-clear-icon-height;
@@ -1477,6 +1485,11 @@ ejs-multiselect {
1477
1485
  }
1478
1486
  }
1479
1487
 
1488
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1489
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1490
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1491
+ }
1492
+
1480
1493
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1481
1494
  height: $ddl-bigger-small-chip-close-square;
1482
1495
  width: $ddl-bigger-small-chip-close-width;
@@ -51,6 +51,8 @@ $ddl-icon-margin-top: -1.68em !default;
51
51
  $ddl-clear-margin-top: -2em !default;
52
52
  $ddl-bigger-clear-margin-top: -2.25em !default;
53
53
  $ddl-icon-margin-top-bigger: -1.68em !default;
54
+ $ddl-small-ddl-icon-top: -1.6em !default;
55
+ $ddl-bigger-small-ddl-icon-top: -1.68em !default;
54
56
  $ddl-chip-mobile-radius: 2px !default;
55
57
  $ddl-chip-sel-mobile-height: 40px !default;
56
58
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -414,7 +416,8 @@ $ddl-small-clear-icon-width: 12px !default;
414
416
  }
415
417
  }
416
418
 
417
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
419
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
420
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
418
421
  @if $ddl-multiselect-skin-name != 'Material3' {
419
422
  margin-top: $ddl-icon-margin-top-bigger;
420
423
  }
@@ -1446,6 +1449,11 @@ ejs-multiselect {
1446
1449
  }
1447
1450
  }
1448
1451
 
1452
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1453
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1454
+ margin-top: $ddl-small-ddl-icon-top;
1455
+ }
1456
+
1449
1457
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1450
1458
  @if ddl-multiselect-skin-name == 'Material3' {
1451
1459
  height: $ddl-small-clear-icon-height;
@@ -1477,6 +1485,11 @@ ejs-multiselect {
1477
1485
  }
1478
1486
  }
1479
1487
 
1488
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1489
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1490
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1491
+ }
1492
+
1480
1493
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1481
1494
  height: $ddl-bigger-small-chip-close-square;
1482
1495
  width: $ddl-bigger-small-chip-close-width;
@@ -63,6 +63,8 @@ $ddl-closer-hooker-font: 10px !default;
63
63
  $ddl-closer-margin-top: -3em !default;
64
64
  $ddl-icon-margin-top: -2.5em !default;
65
65
  $ddl-icon-margin-top-bigger: -3.1em !default;
66
+ $ddl-small-ddl-icon-top: -2.5em !default;
67
+ $ddl-bigger-small-ddl-icon-top: -2.85em !default;
66
68
  $ddl-clear-margin-top: -3.2em !default;
67
69
  $ddl-closer-margin-top-bigger: -3.5em !default;
68
70
  $ddl-chip-font-family: inherit !default;
@@ -472,7 +474,8 @@ $ddl-closer-margin-top-bigger-small: -3.4em !default;
472
474
  }
473
475
  }
474
476
 
475
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
477
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
478
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
476
479
  @if $ddl-multiselect-skin-name != 'Material3' {
477
480
  margin-top: $ddl-icon-margin-top-bigger;
478
481
  }
@@ -1504,6 +1507,11 @@ ejs-multiselect {
1504
1507
  }
1505
1508
  }
1506
1509
 
1510
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1511
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1512
+ margin-top: $ddl-small-ddl-icon-top;
1513
+ }
1514
+
1507
1515
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1508
1516
  @if ddl-multiselect-skin-name == 'Material3' {
1509
1517
  height: $ddl-small-clear-icon-height;
@@ -1535,6 +1543,11 @@ ejs-multiselect {
1535
1543
  }
1536
1544
  }
1537
1545
 
1546
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1547
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1548
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1549
+ }
1550
+
1538
1551
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1539
1552
  height: $ddl-bigger-small-chip-close-square;
1540
1553
  width: $ddl-bigger-small-chip-close-width;
@@ -61,6 +61,8 @@ $ddl-closer-hooker-font: 10px !default;
61
61
  $ddl-chip-font-family: inherit !default;
62
62
  $ddl-closer-margin-top: -2.5em !default;
63
63
  $ddl-icon-margin-top-bigger: -2.5em !default;
64
+ $ddl-small-ddl-icon-top: -1.8em !default;
65
+ $ddl-bigger-small-ddl-icon-top: -2em !default;
64
66
  $ddl-icon-margin-top: -2.1em !default;
65
67
  $ddl-clear-margin-top: -2.5em !default;
66
68
  $ddl-closer-margin-top-bigger: -3em !default;
@@ -404,7 +406,8 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
404
406
  }
405
407
  }
406
408
 
407
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
409
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
410
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
408
411
  @if $ddl-multiselect-skin-name != 'Material3' {
409
412
  margin-top: $ddl-icon-margin-top-bigger;
410
413
  }
@@ -1436,6 +1439,11 @@ ejs-multiselect {
1436
1439
  }
1437
1440
  }
1438
1441
 
1442
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1443
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1444
+ margin-top: $ddl-small-ddl-icon-top;
1445
+ }
1446
+
1439
1447
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1440
1448
  @if ddl-multiselect-skin-name == 'Material3' {
1441
1449
  height: $ddl-small-clear-icon-height;
@@ -1467,6 +1475,11 @@ ejs-multiselect {
1467
1475
  }
1468
1476
  }
1469
1477
 
1478
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1479
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1480
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1481
+ }
1482
+
1470
1483
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1471
1484
  height: $ddl-bigger-small-chip-close-square;
1472
1485
  width: $ddl-bigger-small-chip-close-width;
@@ -63,6 +63,8 @@ $ddl-closer-margin-top-bigger: -3em !default;
63
63
  $ddl-icon-margin-top: -2.1em !default;
64
64
  $ddl-clear-margin-top: -2.5em !default;
65
65
  $ddl-icon-margin-top-bigger: -2.5em !default;
66
+ $ddl-small-ddl-icon-top: -1.8em !default;
67
+ $ddl-bigger-small-ddl-icon-top: -2em !default;
66
68
  $ddl-chip-mobile-radius: 2px !default;
67
69
  $ddl-chip-sel-mobile-height: 40px !default;
68
70
  $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -397,7 +399,8 @@ $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
397
399
  }
398
400
  }
399
401
 
400
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
402
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
403
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
401
404
  @if $ddl-multiselect-skin-name != 'Material3' {
402
405
  margin-top: $ddl-icon-margin-top-bigger;
403
406
  }
@@ -1429,6 +1432,11 @@ ejs-multiselect {
1429
1432
  }
1430
1433
  }
1431
1434
 
1435
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1436
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1437
+ margin-top: $ddl-small-ddl-icon-top;
1438
+ }
1439
+
1432
1440
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1433
1441
  @if ddl-multiselect-skin-name == 'Material3' {
1434
1442
  height: $ddl-small-clear-icon-height;
@@ -1460,6 +1468,11 @@ ejs-multiselect {
1460
1468
  }
1461
1469
  }
1462
1470
 
1471
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1472
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1473
+ margin-top: $ddl-bigger-small-ddl-icon-top;
1474
+ }
1475
+
1463
1476
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1464
1477
  height: $ddl-bigger-small-chip-close-square;
1465
1478
  width: $ddl-bigger-small-chip-close-width;