@syncfusion/ej2-angular-dropdowns 20.3.60 → 20.4.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/package.json +8 -8
  2. package/schematics/utils/lib-details.d.ts +2 -2
  3. package/schematics/utils/lib-details.js +2 -2
  4. package/schematics/utils/lib-details.ts +2 -2
  5. package/styles/bootstrap-dark.css +0 -8
  6. package/styles/bootstrap.css +0 -8
  7. package/styles/bootstrap4.css +11 -20
  8. package/styles/bootstrap5-dark.css +1 -12
  9. package/styles/bootstrap5.css +1 -12
  10. package/styles/drop-down-base/_fabric-definition.scss +1 -1
  11. package/styles/drop-down-base/fabric.css +1 -1
  12. package/styles/drop-down-tree/_layout.scss +1 -9
  13. package/styles/drop-down-tree/bootstrap5-dark.css +1 -4
  14. package/styles/drop-down-tree/bootstrap5.css +1 -4
  15. package/styles/fabric-dark.css +8 -16
  16. package/styles/fabric.css +9 -17
  17. package/styles/fluent-dark.css +1 -9
  18. package/styles/fluent.css +1 -9
  19. package/styles/highcontrast-light.css +0 -8
  20. package/styles/highcontrast.css +9 -17
  21. package/styles/material-dark.css +0 -8
  22. package/styles/material.css +0 -8
  23. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -6
  24. package/styles/multi-select/_bootstrap-definition.scss +0 -6
  25. package/styles/multi-select/_bootstrap4-definition.scss +7 -14
  26. package/styles/multi-select/_bootstrap5-definition.scss +0 -7
  27. package/styles/multi-select/_fabric-dark-definition.scss +4 -10
  28. package/styles/multi-select/_fabric-definition.scss +4 -10
  29. package/styles/multi-select/_fluent-definition.scss +1 -8
  30. package/styles/multi-select/_fusionnew-definition.scss +0 -7
  31. package/styles/multi-select/_highcontrast-definition.scss +5 -11
  32. package/styles/multi-select/_highcontrast-light-definition.scss +0 -6
  33. package/styles/multi-select/_layout.scss +5 -12
  34. package/styles/multi-select/_material-dark-definition.scss +0 -6
  35. package/styles/multi-select/_material-definition.scss +0 -6
  36. package/styles/multi-select/_material3-definition.scss +0 -7
  37. package/styles/multi-select/_tailwind-definition.scss +0 -7
  38. package/styles/multi-select/_theme.scss +0 -4
  39. package/styles/multi-select/bootstrap-dark.css +0 -8
  40. package/styles/multi-select/bootstrap.css +0 -8
  41. package/styles/multi-select/bootstrap4.css +11 -20
  42. package/styles/multi-select/bootstrap5-dark.css +0 -8
  43. package/styles/multi-select/bootstrap5.css +0 -8
  44. package/styles/multi-select/fabric-dark.css +8 -16
  45. package/styles/multi-select/fabric.css +8 -16
  46. package/styles/multi-select/fluent-dark.css +1 -9
  47. package/styles/multi-select/fluent.css +1 -9
  48. package/styles/multi-select/highcontrast-light.css +0 -8
  49. package/styles/multi-select/highcontrast.css +9 -17
  50. package/styles/multi-select/material-dark.css +0 -8
  51. package/styles/multi-select/material.css +0 -8
  52. package/styles/multi-select/tailwind-dark.css +0 -8
  53. package/styles/multi-select/tailwind.css +0 -8
  54. package/styles/tailwind-dark.css +0 -8
  55. package/styles/tailwind.css +0 -8
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-angular-dropdowns@*",
3
- "_id": "@syncfusion/ej2-angular-dropdowns@20.3.50",
3
+ "_id": "@syncfusion/ej2-angular-dropdowns@20.3.47",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-xJrWlnstF0r+ZyOLJFwMHUUcTMeAfeWwTuq4uokizLD4fzgRET8Zki2AwX8NLTSEi8f4OuYCbfkZMfCkNTRbNA==",
5
+ "_integrity": "sha512-nHQ87NHFdfNeUA92pQmA/3LGRJmJEtKLwvw218LcyzPJDLk4C6sWF3DLg6rulIz9gf2ZDYuRThsvlxvEmno5Ug==",
6
6
  "_location": "/@syncfusion/ej2-angular-dropdowns",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-20.3.50.tgz",
23
- "_shasum": "776a21016dab73db05b118c19ce1712de01c4280",
22
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-20.3.47.tgz",
23
+ "_shasum": "f603f4856e0afcefad534f25017a6eb8e234b967",
24
24
  "_spec": "@syncfusion/ej2-angular-dropdowns@*",
25
25
  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/ivypackages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-angular-base": "~20.3.56",
35
- "@syncfusion/ej2-base": "~20.3.56",
36
- "@syncfusion/ej2-dropdowns": "20.3.60",
34
+ "@syncfusion/ej2-angular-base": "~20.4.38",
35
+ "@syncfusion/ej2-base": "~20.4.38",
36
+ "@syncfusion/ej2-dropdowns": "20.4.38",
37
37
  "tslib": "^2.3.0"
38
38
  },
39
39
  "deprecated": false,
@@ -86,5 +86,5 @@
86
86
  "schematics": "./schematics/collection.json",
87
87
  "sideEffects": false,
88
88
  "typings": "syncfusion-ej2-angular-dropdowns.d.ts",
89
- "version": "20.3.60"
89
+ "version": "20.4.38"
90
90
  }
@@ -1,4 +1,4 @@
1
1
  export declare const pkgName = "@syncfusion/ej2-angular-dropdowns";
2
- export declare const pkgVer = "^20.3.50";
2
+ export declare const pkgVer = "^20.3.47";
3
3
  export declare const moduleName = "DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule, MentionModule";
4
- export declare const themeVer = "~20.3.50";
4
+ export declare const themeVer = "~20.3.47";
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.pkgName = '@syncfusion/ej2-angular-dropdowns';
4
- exports.pkgVer = '^20.3.60';
4
+ exports.pkgVer = '^20.4.38';
5
5
  exports.moduleName = 'DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule, MentionModule';
6
- exports.themeVer = '~20.3.60';
6
+ exports.themeVer = '~20.4.38';
@@ -1,4 +1,4 @@
1
1
  export const pkgName = '@syncfusion/ej2-angular-dropdowns';
2
- export const pkgVer = '^20.3.60';
2
+ export const pkgVer = '^20.4.38';
3
3
  export const moduleName = 'DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule, MentionModule';
4
- export const themeVer = '~20.3.60';
4
+ export const themeVer = '~20.4.38';
@@ -1479,10 +1479,6 @@ ejs-dropdownlist {
1479
1479
  width: 30px;
1480
1480
  }
1481
1481
 
1482
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1483
- margin: 0 0 0;
1484
- }
1485
-
1486
1482
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1487
1483
  margin: 1px 0 0;
1488
1484
  }
@@ -2378,10 +2374,6 @@ ejs-multiselect {
2378
2374
  left: 8px;
2379
2375
  }
2380
2376
 
2381
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2382
- left: 8px;
2383
- }
2384
-
2385
2377
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2386
2378
  height: 28px;
2387
2379
  }
@@ -1478,10 +1478,6 @@ ejs-dropdownlist {
1478
1478
  width: 30px;
1479
1479
  }
1480
1480
 
1481
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1482
- margin: 0 0 0;
1483
- }
1484
-
1485
1481
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1486
1482
  margin: 1px 0 0;
1487
1483
  }
@@ -2377,10 +2373,6 @@ ejs-multiselect {
2377
2373
  left: 8px;
2378
2374
  }
2379
2375
 
2380
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2381
- left: 8px;
2382
- }
2383
-
2384
2376
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2385
2377
  height: 28px;
2386
2378
  }
@@ -1289,7 +1289,7 @@ ejs-dropdownlist {
1289
1289
 
1290
1290
  .e-bigger .e-multi-select-wrapper .e-chips-close {
1291
1291
  height: 30px;
1292
- width: auto;
1292
+ width: 30px;
1293
1293
  }
1294
1294
 
1295
1295
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
@@ -1352,7 +1352,7 @@ ejs-dropdownlist {
1352
1352
  .e-multi-select-wrapper .e-chips .e-chips-close::before {
1353
1353
  content: "\e745";
1354
1354
  cursor: pointer;
1355
- left: 0;
1355
+ left: 10px;
1356
1356
  position: relative;
1357
1357
  top: 8px;
1358
1358
  }
@@ -1361,7 +1361,7 @@ ejs-dropdownlist {
1361
1361
  content: "\e745";
1362
1362
  cursor: pointer;
1363
1363
  height: 10px;
1364
- left: 0;
1364
+ left: 10px;
1365
1365
  position: relative;
1366
1366
  top: 10px;
1367
1367
  }
@@ -1617,12 +1617,8 @@ ejs-dropdownlist {
1617
1617
  float: right;
1618
1618
  font-family: "e-icons";
1619
1619
  height: 24px;
1620
- margin: 10px 10px 10px 0;
1621
- width: auto;
1622
- }
1623
-
1624
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1625
- margin: 8px 0 8px 20px;
1620
+ margin: 0 0 0;
1621
+ width: 24px;
1626
1622
  }
1627
1623
 
1628
1624
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -1637,7 +1633,7 @@ ejs-dropdownlist {
1637
1633
  position: absolute;
1638
1634
  right: 0;
1639
1635
  top: 100%;
1640
- width: auto;
1636
+ width: 29px;
1641
1637
  }
1642
1638
 
1643
1639
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -2054,7 +2050,7 @@ ejs-multiselect {
2054
2050
 
2055
2051
  .e-small .e-multi-select-wrapper .e-chips-close {
2056
2052
  height: 18px;
2057
- width: auto;
2053
+ width: 18px;
2058
2054
  }
2059
2055
 
2060
2056
  .e-small .e-multi-select-wrapper {
@@ -2087,8 +2083,7 @@ ejs-multiselect {
2087
2083
 
2088
2084
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2089
2085
  height: 24px;
2090
- width: auto;
2091
- margin: 3px 10px 10px 0;
2086
+ width: 24px;
2092
2087
  }
2093
2088
 
2094
2089
  .e-bigger.e-small .e-multi-select-wrapper {
@@ -2107,7 +2102,7 @@ ejs-multiselect {
2107
2102
 
2108
2103
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2109
2104
  .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2110
- margin-top: -2.5em;
2105
+ margin-top: -2.9em;
2111
2106
  right: 0;
2112
2107
  }
2113
2108
 
@@ -2551,7 +2546,7 @@ ejs-multiselect {
2551
2546
  }
2552
2547
 
2553
2548
  .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2554
- left: 0;
2549
+ left: 6px;
2555
2550
  top: 5px;
2556
2551
  font-size: 8px;
2557
2552
  }
@@ -2560,10 +2555,6 @@ ejs-multiselect {
2560
2555
  left: 4px;
2561
2556
  }
2562
2557
 
2563
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2564
- left: 4px;
2565
- }
2566
-
2567
2558
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2568
2559
  height: 30px;
2569
2560
  }
@@ -2573,7 +2564,7 @@ ejs-multiselect {
2573
2564
  }
2574
2565
 
2575
2566
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2576
- left: 0;
2567
+ left: 13px;
2577
2568
  top: 11px;
2578
2569
  font-size: 10px;
2579
2570
  }
@@ -988,10 +988,7 @@ ejs-dropdownlist {
988
988
  box-shadow: none;
989
989
  position: absolute;
990
990
  }
991
- .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check) {
992
- background-color: #212529;
993
- }
994
- .e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check) {
991
+ .e-ddt.e-popup .e-checkbox-wrapper .e-frame {
995
992
  background-color: transparent;
996
993
  }
997
994
  .e-ddt.e-popup .e-selectall-parent {
@@ -1608,10 +1605,6 @@ ejs-dropdownlist {
1608
1605
  width: 14px;
1609
1606
  }
1610
1607
 
1611
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1612
- margin: 0 0 0;
1613
- }
1614
-
1615
1608
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1616
1609
  margin: 3px 0 0;
1617
1610
  }
@@ -2546,10 +2539,6 @@ ejs-multiselect {
2546
2539
  left: 0;
2547
2540
  }
2548
2541
 
2549
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2550
- left: 0;
2551
- }
2552
-
2553
2542
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2554
2543
  height: 26px;
2555
2544
  }
@@ -988,10 +988,7 @@ ejs-dropdownlist {
988
988
  box-shadow: none;
989
989
  position: absolute;
990
990
  }
991
- .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check) {
992
- background-color: #fff;
993
- }
994
- .e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check) {
991
+ .e-ddt.e-popup .e-checkbox-wrapper .e-frame {
995
992
  background-color: transparent;
996
993
  }
997
994
  .e-ddt.e-popup .e-selectall-parent {
@@ -1608,10 +1605,6 @@ ejs-dropdownlist {
1608
1605
  width: 14px;
1609
1606
  }
1610
1607
 
1611
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1612
- margin: 0 0 0;
1613
- }
1614
-
1615
1608
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1616
1609
  margin: 3px 0 0;
1617
1610
  }
@@ -2546,10 +2539,6 @@ ejs-multiselect {
2546
2539
  left: 0;
2547
2540
  }
2548
2541
 
2549
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2550
- left: 0;
2551
- }
2552
-
2553
2542
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2554
2543
  height: 26px;
2555
2544
  }
@@ -11,7 +11,7 @@ $ddl-list-border-color: rgba($neutral-light, .25) !default;
11
11
  $ddl-list-font-family: inherit !default;
12
12
  $ddl-list-gradient-color: transparent !default;
13
13
  $mention-gradient-color: $neutral-white !default;
14
- $mention-list-box-shadow-color: rgba(0, 0, 0, .4) !default;
14
+ $mention-list-box-shadow-color: 0 0 5px 0 rgba(0, 0, 0, .4) !default;
15
15
  $mention-chip-bg-color: $neutral-lighter !default;
16
16
  $mention-chip-border-radius: 0 !default;
17
17
  $mention-chip-border: none !default;
@@ -90,7 +90,7 @@
90
90
  .e-mention.e-popup {
91
91
  background: #fff;
92
92
  border: 0;
93
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
93
+ box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
94
94
  margin-top: 2px;
95
95
  position: absolute;
96
96
  }
@@ -436,16 +436,8 @@
436
436
  box-shadow: $ddt-box-shadow;
437
437
  position: absolute;
438
438
 
439
- .e-active .e-checkbox-wrapper {
440
- .e-frame:not(.e-check) {
441
- @if$ddt-skin-name == 'bootstrap5' {
442
- background-color: $ddt-readonly-input-bg-color;
443
- }
444
- }
445
- }
446
-
447
439
  .e-checkbox-wrapper {
448
- .e-frame:not(.e-check) {
440
+ .e-frame {
449
441
  @if$ddt-skin-name == 'bootstrap5' {
450
442
  background-color: transparent;
451
443
  }
@@ -207,10 +207,7 @@
207
207
  box-shadow: none;
208
208
  position: absolute;
209
209
  }
210
- .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check) {
211
- background-color: #212529;
212
- }
213
- .e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check) {
210
+ .e-ddt.e-popup .e-checkbox-wrapper .e-frame {
214
211
  background-color: transparent;
215
212
  }
216
213
  .e-ddt.e-popup .e-selectall-parent {
@@ -207,10 +207,7 @@
207
207
  box-shadow: none;
208
208
  position: absolute;
209
209
  }
210
- .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check) {
211
- background-color: #fff;
212
- }
213
- .e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check) {
210
+ .e-ddt.e-popup .e-checkbox-wrapper .e-frame {
214
211
  background-color: transparent;
215
212
  }
216
213
  .e-ddt.e-popup .e-selectall-parent {
@@ -1191,7 +1191,7 @@ ejs-dropdownlist {
1191
1191
  .e-multi-select-wrapper .e-chips .e-chips-close::before {
1192
1192
  content: "\e7a7";
1193
1193
  cursor: pointer;
1194
- left: 0;
1194
+ left: 8px;
1195
1195
  position: relative;
1196
1196
  top: 8px;
1197
1197
  }
@@ -1199,7 +1199,7 @@ ejs-dropdownlist {
1199
1199
  .e-multi-select-wrapper .e-close-hooker::before {
1200
1200
  content: "\e7a7";
1201
1201
  cursor: pointer;
1202
- left: 0;
1202
+ left: 10px;
1203
1203
  position: relative;
1204
1204
  top: 10px;
1205
1205
  }
@@ -1446,12 +1446,8 @@ ejs-dropdownlist {
1446
1446
  float: right;
1447
1447
  font-family: "e-icons";
1448
1448
  height: 26px;
1449
- margin: 8px 8px 8px 8px;
1450
- width: auto;
1451
- }
1452
-
1453
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1454
- margin: 8px 0 8px 20px;
1449
+ margin: 0;
1450
+ width: 26px;
1455
1451
  }
1456
1452
 
1457
1453
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -1466,7 +1462,7 @@ ejs-dropdownlist {
1466
1462
  position: absolute;
1467
1463
  right: 0;
1468
1464
  top: 100%;
1469
- width: auto;
1465
+ width: 30px;
1470
1466
  }
1471
1467
 
1472
1468
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -1880,7 +1876,7 @@ ejs-multiselect {
1880
1876
 
1881
1877
  .e-small .e-multi-select-wrapper .e-chips-close {
1882
1878
  height: 22px;
1883
- width: auto;
1879
+ width: 22px;
1884
1880
  }
1885
1881
 
1886
1882
  .e-small .e-multi-select-wrapper {
@@ -1899,7 +1895,7 @@ ejs-multiselect {
1899
1895
 
1900
1896
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1901
1897
  .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1902
- margin-top: -3em;
1898
+ margin-top: -2.8em;
1903
1899
  }
1904
1900
 
1905
1901
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
@@ -1909,7 +1905,7 @@ ejs-multiselect {
1909
1905
 
1910
1906
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1911
1907
  height: 26px;
1912
- width: auto;
1908
+ width: 26px;
1913
1909
  }
1914
1910
 
1915
1911
  .e-bigger.e-small .e-multi-select-wrapper {
@@ -2357,10 +2353,6 @@ ejs-multiselect {
2357
2353
  left: 7px;
2358
2354
  }
2359
2355
 
2360
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2361
- left: -35px;
2362
- }
2363
-
2364
2356
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2365
2357
  height: 26px;
2366
2358
  }
package/styles/fabric.css CHANGED
@@ -90,7 +90,7 @@
90
90
  .e-mention.e-popup {
91
91
  background: #fff;
92
92
  border: 0;
93
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
93
+ box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
94
94
  margin-top: 2px;
95
95
  position: absolute;
96
96
  }
@@ -1185,7 +1185,7 @@ ejs-dropdownlist {
1185
1185
  .e-multi-select-wrapper .e-chips .e-chips-close::before {
1186
1186
  content: "\e7a7";
1187
1187
  cursor: pointer;
1188
- left: 0;
1188
+ left: 8px;
1189
1189
  position: relative;
1190
1190
  top: 8px;
1191
1191
  }
@@ -1193,7 +1193,7 @@ ejs-dropdownlist {
1193
1193
  .e-multi-select-wrapper .e-close-hooker::before {
1194
1194
  content: "\e7a7";
1195
1195
  cursor: pointer;
1196
- left: 0;
1196
+ left: 10px;
1197
1197
  position: relative;
1198
1198
  top: 10px;
1199
1199
  }
@@ -1440,12 +1440,8 @@ ejs-dropdownlist {
1440
1440
  float: right;
1441
1441
  font-family: "e-icons";
1442
1442
  height: 26px;
1443
- margin: 8px 8px 8px 8px;
1444
- width: auto;
1445
- }
1446
-
1447
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1448
- margin: 8px 0 8px 20px;
1443
+ margin: 0;
1444
+ width: 26px;
1449
1445
  }
1450
1446
 
1451
1447
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -1460,7 +1456,7 @@ ejs-dropdownlist {
1460
1456
  position: absolute;
1461
1457
  right: 0;
1462
1458
  top: 100%;
1463
- width: auto;
1459
+ width: 30px;
1464
1460
  }
1465
1461
 
1466
1462
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -1874,7 +1870,7 @@ ejs-multiselect {
1874
1870
 
1875
1871
  .e-small .e-multi-select-wrapper .e-chips-close {
1876
1872
  height: 22px;
1877
- width: auto;
1873
+ width: 22px;
1878
1874
  }
1879
1875
 
1880
1876
  .e-small .e-multi-select-wrapper {
@@ -1893,7 +1889,7 @@ ejs-multiselect {
1893
1889
 
1894
1890
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1895
1891
  .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1896
- margin-top: -3em;
1892
+ margin-top: -2.8em;
1897
1893
  }
1898
1894
 
1899
1895
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
@@ -1903,7 +1899,7 @@ ejs-multiselect {
1903
1899
 
1904
1900
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1905
1901
  height: 26px;
1906
- width: auto;
1902
+ width: 26px;
1907
1903
  }
1908
1904
 
1909
1905
  .e-bigger.e-small .e-multi-select-wrapper {
@@ -2351,10 +2347,6 @@ ejs-multiselect {
2351
2347
  left: 7px;
2352
2348
  }
2353
2349
 
2354
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2355
- left: -35px;
2356
- }
2357
-
2358
2350
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2359
2351
  height: 26px;
2360
2352
  }
@@ -1630,10 +1630,6 @@ ejs-dropdownlist {
1630
1630
  width: 14px;
1631
1631
  }
1632
1632
 
1633
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1634
- margin: 0 0 0;
1635
- }
1636
-
1637
1633
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1638
1634
  margin: 3px 0 0;
1639
1635
  }
@@ -2595,7 +2591,7 @@ ejs-multiselect {
2595
2591
  }
2596
2592
 
2597
2593
  .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2598
- left: 0;
2594
+ left: 6px;
2599
2595
  top: 2px;
2600
2596
  font-size: 8px;
2601
2597
  }
@@ -2604,10 +2600,6 @@ ejs-multiselect {
2604
2600
  left: 0;
2605
2601
  }
2606
2602
 
2607
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2608
- left: 0;
2609
- }
2610
-
2611
2603
  .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
2612
2604
  left: -2px;
2613
2605
  }
package/styles/fluent.css CHANGED
@@ -1630,10 +1630,6 @@ ejs-dropdownlist {
1630
1630
  width: 14px;
1631
1631
  }
1632
1632
 
1633
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1634
- margin: 0 0 0;
1635
- }
1636
-
1637
1633
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1638
1634
  margin: 3px 0 0;
1639
1635
  }
@@ -2595,7 +2591,7 @@ ejs-multiselect {
2595
2591
  }
2596
2592
 
2597
2593
  .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2598
- left: 0;
2594
+ left: 6px;
2599
2595
  top: 2px;
2600
2596
  font-size: 8px;
2601
2597
  }
@@ -2604,10 +2600,6 @@ ejs-multiselect {
2604
2600
  left: 0;
2605
2601
  }
2606
2602
 
2607
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2608
- left: 0;
2609
- }
2610
-
2611
2603
  .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
2612
2604
  left: -2px;
2613
2605
  }
@@ -1542,10 +1542,6 @@ ejs-dropdownlist {
1542
1542
  width: 26px;
1543
1543
  }
1544
1544
 
1545
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1546
- margin: 0;
1547
- }
1548
-
1549
1545
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1550
1546
  margin: 3px 0 0;
1551
1547
  }
@@ -2464,10 +2460,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2464
2460
  left: 7px;
2465
2461
  }
2466
2462
 
2467
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2468
- left: 7px;
2469
- }
2470
-
2471
2463
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2472
2464
  height: 26px;
2473
2465
  }
@@ -1289,7 +1289,7 @@ ejs-dropdownlist {
1289
1289
  .e-multi-select-wrapper .e-chips .e-chips-close::before {
1290
1290
  content: "\e7a7";
1291
1291
  cursor: pointer;
1292
- left: 0;
1292
+ left: 8px;
1293
1293
  position: relative;
1294
1294
  top: 8px;
1295
1295
  }
@@ -1297,7 +1297,7 @@ ejs-dropdownlist {
1297
1297
  .e-multi-select-wrapper .e-close-hooker::before {
1298
1298
  content: "\e7a7";
1299
1299
  cursor: pointer;
1300
- left: 0;
1300
+ left: 10px;
1301
1301
  position: relative;
1302
1302
  top: 10px;
1303
1303
  }
@@ -1544,12 +1544,8 @@ ejs-dropdownlist {
1544
1544
  float: right;
1545
1545
  font-family: "e-icons";
1546
1546
  height: 26px;
1547
- margin: 10px 10px 10px 0;
1548
- width: auto;
1549
- }
1550
-
1551
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1552
- margin: 8px 0 8px 20px;
1547
+ margin: 0;
1548
+ width: 26px;
1553
1549
  }
1554
1550
 
1555
1551
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -1564,7 +1560,7 @@ ejs-dropdownlist {
1564
1560
  position: absolute;
1565
1561
  right: 0;
1566
1562
  top: 100%;
1567
- width: auto;
1563
+ width: 30px;
1568
1564
  }
1569
1565
 
1570
1566
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -1985,7 +1981,7 @@ ejs-multiselect {
1985
1981
 
1986
1982
  .e-small .e-multi-select-wrapper .e-chips-close {
1987
1983
  height: 22px;
1988
- width: auto;
1984
+ width: 22px;
1989
1985
  }
1990
1986
 
1991
1987
  .e-small .e-multi-select-wrapper {
@@ -2004,7 +2000,7 @@ ejs-multiselect {
2004
2000
 
2005
2001
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2006
2002
  .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2007
- margin-top: -3.2em;
2003
+ margin-top: -2.9em;
2008
2004
  }
2009
2005
 
2010
2006
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
@@ -2014,7 +2010,7 @@ ejs-multiselect {
2014
2010
 
2015
2011
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2016
2012
  height: 26px;
2017
- width: auto;
2013
+ width: 26px;
2018
2014
  }
2019
2015
 
2020
2016
  .e-bigger.e-small .e-multi-select-wrapper {
@@ -2033,7 +2029,7 @@ ejs-multiselect {
2033
2029
 
2034
2030
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2035
2031
  .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2036
- margin-top: -3.4em;
2032
+ margin-top: -3.2em;
2037
2033
  right: 0;
2038
2034
  }
2039
2035
 
@@ -2470,10 +2466,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2470
2466
  left: 7px;
2471
2467
  }
2472
2468
 
2473
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2474
- left: -35px;
2475
- }
2476
-
2477
2469
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2478
2470
  height: 26px;
2479
2471
  }