@syncfusion/ej2-angular-dropdowns 23.2.7-ngcc → 24.1.41-ngcc

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 (160) hide show
  1. package/CHANGELOG.md +19 -138
  2. package/dist/ej2-angular-dropdowns.umd.js +1 -1
  3. package/dist/ej2-angular-dropdowns.umd.min.js +1 -1
  4. package/package.json +9 -9
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/auto-complete/bootstrap-dark.css +1 -106
  9. package/styles/auto-complete/bootstrap.css +1 -106
  10. package/styles/auto-complete/bootstrap4.css +1 -159
  11. package/styles/auto-complete/bootstrap5-dark.css +1 -147
  12. package/styles/auto-complete/bootstrap5.css +1 -147
  13. package/styles/auto-complete/fabric-dark.css +1 -82
  14. package/styles/auto-complete/fabric.css +1 -75
  15. package/styles/auto-complete/fluent-dark.css +1 -127
  16. package/styles/auto-complete/fluent.css +1 -127
  17. package/styles/auto-complete/highcontrast-light.css +1 -79
  18. package/styles/auto-complete/highcontrast.css +1 -79
  19. package/styles/auto-complete/material-dark.css +1 -107
  20. package/styles/auto-complete/material.css +1 -132
  21. package/styles/auto-complete/material3-dark.css +1 -197
  22. package/styles/auto-complete/material3.css +1 -253
  23. package/styles/auto-complete/tailwind-dark.css +1 -95
  24. package/styles/auto-complete/tailwind.css +1 -95
  25. package/styles/bootstrap-dark.css +1 -3395
  26. package/styles/bootstrap.css +1 -3400
  27. package/styles/bootstrap4.css +1 -3651
  28. package/styles/bootstrap5-dark.css +1 -3566
  29. package/styles/bootstrap5.css +1 -3566
  30. package/styles/combo-box/bootstrap-dark.css +1 -106
  31. package/styles/combo-box/bootstrap.css +1 -106
  32. package/styles/combo-box/bootstrap4.css +1 -159
  33. package/styles/combo-box/bootstrap5-dark.css +1 -147
  34. package/styles/combo-box/bootstrap5.css +1 -147
  35. package/styles/combo-box/fabric-dark.css +1 -82
  36. package/styles/combo-box/fabric.css +1 -75
  37. package/styles/combo-box/fluent-dark.css +1 -127
  38. package/styles/combo-box/fluent.css +1 -127
  39. package/styles/combo-box/highcontrast-light.css +1 -79
  40. package/styles/combo-box/highcontrast.css +1 -79
  41. package/styles/combo-box/material-dark.css +1 -107
  42. package/styles/combo-box/material.css +1 -132
  43. package/styles/combo-box/material3-dark.css +1 -197
  44. package/styles/combo-box/material3.css +1 -253
  45. package/styles/combo-box/tailwind-dark.css +1 -95
  46. package/styles/combo-box/tailwind.css +1 -95
  47. package/styles/drop-down-base/bootstrap-dark.css +1 -380
  48. package/styles/drop-down-base/bootstrap.css +1 -380
  49. package/styles/drop-down-base/bootstrap4.css +1 -390
  50. package/styles/drop-down-base/bootstrap5-dark.css +1 -412
  51. package/styles/drop-down-base/bootstrap5.css +1 -412
  52. package/styles/drop-down-base/fabric-dark.css +1 -380
  53. package/styles/drop-down-base/fabric.css +1 -380
  54. package/styles/drop-down-base/fluent-dark.css +1 -428
  55. package/styles/drop-down-base/fluent.css +1 -428
  56. package/styles/drop-down-base/highcontrast-light.css +1 -394
  57. package/styles/drop-down-base/highcontrast.css +1 -394
  58. package/styles/drop-down-base/material-dark.css +1 -379
  59. package/styles/drop-down-base/material.css +1 -379
  60. package/styles/drop-down-base/material3-dark.css +1 -438
  61. package/styles/drop-down-base/material3.css +1 -494
  62. package/styles/drop-down-base/tailwind-dark.css +1 -488
  63. package/styles/drop-down-base/tailwind.css +1 -488
  64. package/styles/drop-down-list/bootstrap-dark.css +1 -393
  65. package/styles/drop-down-list/bootstrap.css +1 -393
  66. package/styles/drop-down-list/bootstrap4.css +1 -436
  67. package/styles/drop-down-list/bootstrap5-dark.css +1 -449
  68. package/styles/drop-down-list/bootstrap5.css +1 -449
  69. package/styles/drop-down-list/fabric-dark.css +1 -369
  70. package/styles/drop-down-list/fabric.css +1 -362
  71. package/styles/drop-down-list/fluent-dark.css +1 -430
  72. package/styles/drop-down-list/fluent.css +1 -430
  73. package/styles/drop-down-list/highcontrast-light.css +1 -380
  74. package/styles/drop-down-list/highcontrast.css +1 -380
  75. package/styles/drop-down-list/material-dark.css +1 -399
  76. package/styles/drop-down-list/material.css +1 -431
  77. package/styles/drop-down-list/material3-dark.css +1 -502
  78. package/styles/drop-down-list/material3.css +1 -558
  79. package/styles/drop-down-list/tailwind-dark.css +1 -380
  80. package/styles/drop-down-list/tailwind.css +1 -380
  81. package/styles/drop-down-tree/bootstrap-dark.css +1 -423
  82. package/styles/drop-down-tree/bootstrap.css +1 -424
  83. package/styles/drop-down-tree/bootstrap4.css +1 -457
  84. package/styles/drop-down-tree/bootstrap5-dark.css +1 -501
  85. package/styles/drop-down-tree/bootstrap5.css +1 -501
  86. package/styles/drop-down-tree/fabric-dark.css +1 -425
  87. package/styles/drop-down-tree/fabric.css +1 -426
  88. package/styles/drop-down-tree/fluent-dark.css +1 -504
  89. package/styles/drop-down-tree/fluent.css +1 -504
  90. package/styles/drop-down-tree/highcontrast-light.css +1 -440
  91. package/styles/drop-down-tree/highcontrast.css +1 -444
  92. package/styles/drop-down-tree/material-dark.css +1 -746
  93. package/styles/drop-down-tree/material.css +1 -761
  94. package/styles/drop-down-tree/material3-dark.css +1 -465
  95. package/styles/drop-down-tree/material3.css +1 -521
  96. package/styles/drop-down-tree/tailwind-dark.css +1 -528
  97. package/styles/drop-down-tree/tailwind.css +1 -528
  98. package/styles/fabric-dark.css +1 -3374
  99. package/styles/fabric.css +1 -3374
  100. package/styles/fluent-dark.css +1 -3639
  101. package/styles/fluent.css +1 -3639
  102. package/styles/highcontrast-light.css +1 -3483
  103. package/styles/highcontrast.css +1 -3505
  104. package/styles/list-box/bootstrap-dark.css +1 -955
  105. package/styles/list-box/bootstrap.css +1 -966
  106. package/styles/list-box/bootstrap4.css +1 -1020
  107. package/styles/list-box/bootstrap5-dark.css +1 -986
  108. package/styles/list-box/bootstrap5.css +1 -986
  109. package/styles/list-box/fabric-dark.css +1 -955
  110. package/styles/list-box/fabric.css +1 -966
  111. package/styles/list-box/fluent-dark.css +1 -992
  112. package/styles/list-box/fluent.css +1 -992
  113. package/styles/list-box/highcontrast-light.css +1 -969
  114. package/styles/list-box/highcontrast.css +1 -980
  115. package/styles/list-box/material-dark.css +1 -954
  116. package/styles/list-box/material.css +1 -965
  117. package/styles/list-box/material3-dark.css +1 -1010
  118. package/styles/list-box/material3.css +1 -1066
  119. package/styles/list-box/tailwind-dark.css +1 -1011
  120. package/styles/list-box/tailwind.css +1 -1011
  121. package/styles/material-dark.css +1 -4857
  122. package/styles/material.css +1 -4923
  123. package/styles/material3-dark.css +1 -5108
  124. package/styles/material3.css +1 -5556
  125. package/styles/mention/bootstrap-dark.css +1 -29
  126. package/styles/mention/bootstrap.css +1 -29
  127. package/styles/mention/bootstrap4.css +1 -39
  128. package/styles/mention/bootstrap5-dark.css +1 -58
  129. package/styles/mention/bootstrap5.css +1 -58
  130. package/styles/mention/fabric-dark.css +1 -29
  131. package/styles/mention/fabric.css +1 -29
  132. package/styles/mention/fluent-dark.css +1 -58
  133. package/styles/mention/fluent.css +1 -58
  134. package/styles/mention/highcontrast-light.css +1 -43
  135. package/styles/mention/highcontrast.css +1 -43
  136. package/styles/mention/material-dark.css +1 -28
  137. package/styles/mention/material.css +1 -28
  138. package/styles/mention/material3-dark.css +1 -86
  139. package/styles/mention/material3.css +1 -142
  140. package/styles/mention/tailwind-dark.css +1 -67
  141. package/styles/mention/tailwind.css +1 -67
  142. package/styles/multi-select/bootstrap-dark.css +1 -1273
  143. package/styles/multi-select/bootstrap.css +1 -1266
  144. package/styles/multi-select/bootstrap4.css +1 -1400
  145. package/styles/multi-select/bootstrap5-dark.css +1 -1349
  146. package/styles/multi-select/bootstrap5.css +1 -1349
  147. package/styles/multi-select/fabric-dark.css +1 -1274
  148. package/styles/multi-select/fabric.css +1 -1269
  149. package/styles/multi-select/fluent-dark.css +1 -1416
  150. package/styles/multi-select/fluent.css +1 -1416
  151. package/styles/multi-select/highcontrast-light.css +1 -1385
  152. package/styles/multi-select/highcontrast.css +1 -1392
  153. package/styles/multi-select/material-dark.css +1 -2404
  154. package/styles/multi-select/material.css +1 -2412
  155. package/styles/multi-select/material3-dark.css +1 -2550
  156. package/styles/multi-select/material3.css +1 -2606
  157. package/styles/multi-select/tailwind-dark.css +1 -1343
  158. package/styles/multi-select/tailwind.css +1 -1343
  159. package/styles/tailwind-dark.css +1 -3583
  160. package/styles/tailwind.css +1 -3583
@@ -1,966 +1 @@
1
- .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
3
- }
4
-
5
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
6
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
7
- padding: 0 12px 0 0;
8
- }
9
-
10
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
11
- padding: 0 8px 0 0;
12
- }
13
-
14
- .e-listbox-tool .e-moveup::before {
15
- content: "\e651";
16
- }
17
-
18
- .e-listbox-tool .e-movedown::before {
19
- content: "\e652";
20
- }
21
-
22
- .e-listbox-tool .e-moveto::before {
23
- content: "\e653";
24
- }
25
-
26
- .e-listbox-tool .e-movefrom::before {
27
- content: "\e654";
28
- }
29
-
30
- .e-listbox-tool .e-moveallto::before {
31
- content: "\e655";
32
- }
33
-
34
- .e-listbox-tool .e-moveallfrom::before {
35
- content: "\e656";
36
- }
37
-
38
- /* stylelint-disable property-no-vendor-prefix */
39
- .e-listbox-wrapper,
40
- .e-listbox-container,
41
- .e-listboxtool-wrapper {
42
- -webkit-overflow-scrolling: touch;
43
- box-sizing: border-box;
44
- cursor: pointer;
45
- display: block;
46
- position: relative;
47
- -webkit-user-select: none;
48
- -ms-user-select: none;
49
- user-select: none;
50
- width: 100%;
51
- }
52
- .e-listbox-wrapper *,
53
- .e-listbox-container *,
54
- .e-listboxtool-wrapper * {
55
- box-sizing: border-box;
56
- }
57
- .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
58
- .e-listbox-container.e-listboxtool-container .e-list-wrap,
59
- .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
60
- width: 86% !important; /* stylelint-disable-line declaration-no-important */
61
- }
62
- .e-listbox-wrapper:focus,
63
- .e-listbox-container:focus,
64
- .e-listboxtool-wrapper:focus {
65
- outline: none;
66
- }
67
- .e-listbox-wrapper.e-disabled,
68
- .e-listbox-container.e-disabled,
69
- .e-listboxtool-wrapper.e-disabled {
70
- cursor: default;
71
- pointer-events: none;
72
- }
73
- .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
74
- .e-listbox-container:not(.e-list-template) .e-list-nrt,
75
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
76
- text-align: center;
77
- }
78
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
79
- .e-listbox-wrapper .e-list-nrt,
80
- .e-listbox-wrapper .e-selectall-parent,
81
- .e-listbox-container:not(.e-list-template) .e-list-item,
82
- .e-listbox-container .e-list-nrt,
83
- .e-listbox-container .e-selectall-parent,
84
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
85
- .e-listboxtool-wrapper .e-list-nrt,
86
- .e-listboxtool-wrapper .e-selectall-parent {
87
- height: 36px;
88
- line-height: 1;
89
- padding: 10px 16px;
90
- position: relative;
91
- }
92
- .e-listbox-wrapper .e-list-parent,
93
- .e-listbox-container .e-list-parent,
94
- .e-listboxtool-wrapper .e-list-parent {
95
- height: 100%;
96
- min-height: 36px;
97
- }
98
- .e-listbox-wrapper .e-list-item,
99
- .e-listbox-container .e-list-item,
100
- .e-listboxtool-wrapper .e-list-item {
101
- border-bottom: 0 solid;
102
- outline: none;
103
- }
104
- .e-listbox-wrapper .e-list-item.e-disabled,
105
- .e-listbox-container .e-list-item.e-disabled,
106
- .e-listboxtool-wrapper .e-list-item.e-disabled {
107
- pointer-events: none;
108
- }
109
- .e-listbox-wrapper .e-disable,
110
- .e-listbox-container .e-disable,
111
- .e-listboxtool-wrapper .e-disable {
112
- opacity: 0.7;
113
- }
114
- .e-listbox-wrapper .e-list-parent,
115
- .e-listbox-container .e-list-parent,
116
- .e-listboxtool-wrapper .e-list-parent {
117
- margin: 0;
118
- padding: 0;
119
- }
120
- .e-listbox-wrapper .e-list-header .e-text.header,
121
- .e-listbox-container .e-list-header .e-text.header,
122
- .e-listboxtool-wrapper .e-list-header .e-text.header {
123
- display: none;
124
- }
125
- .e-listbox-wrapper .e-icon-back,
126
- .e-listbox-container .e-icon-back,
127
- .e-listboxtool-wrapper .e-icon-back {
128
- margin-top: 2px;
129
- }
130
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
131
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
132
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
133
- display: none;
134
- }
135
- .e-listbox-wrapper .e-list-header,
136
- .e-listbox-container .e-list-header,
137
- .e-listboxtool-wrapper .e-list-header {
138
- -ms-flex-align: center;
139
- align-items: center;
140
- border-bottom: 1px solid;
141
- display: -ms-flexbox;
142
- display: flex;
143
- font-weight: 600;
144
- height: 36px;
145
- padding: 0 16px;
146
- }
147
- .e-listbox-wrapper .e-has-header > .e-view,
148
- .e-listbox-container .e-has-header > .e-view,
149
- .e-listboxtool-wrapper .e-has-header > .e-view {
150
- top: 45px;
151
- }
152
- .e-listbox-wrapper .e-but-back,
153
- .e-listbox-container .e-but-back,
154
- .e-listboxtool-wrapper .e-but-back {
155
- cursor: pointer;
156
- padding-right: 20px;
157
- }
158
- .e-listbox-wrapper .e-list-group-item:first-child,
159
- .e-listbox-container .e-list-group-item:first-child,
160
- .e-listboxtool-wrapper .e-list-group-item:first-child {
161
- border: 0;
162
- border-bottom: 0 solid transparent;
163
- }
164
- .e-listbox-wrapper .e-list-group-item,
165
- .e-listbox-container .e-list-group-item,
166
- .e-listboxtool-wrapper .e-list-group-item {
167
- border-bottom: 0 solid transparent;
168
- border-top: 1px solid;
169
- font-weight: 600;
170
- height: 36px;
171
- line-height: 30px;
172
- padding: 10px 16px;
173
- }
174
- .e-listbox-wrapper .e-icon-collapsible,
175
- .e-listbox-container .e-icon-collapsible,
176
- .e-listboxtool-wrapper .e-icon-collapsible {
177
- cursor: pointer;
178
- font-size: 12px;
179
- position: absolute;
180
- right: 0%;
181
- top: 50%;
182
- transform: translateY(-50%);
183
- }
184
- .e-listbox-wrapper .e-text-content,
185
- .e-listbox-container .e-text-content,
186
- .e-listboxtool-wrapper .e-text-content {
187
- height: 100%;
188
- position: relative;
189
- vertical-align: middle;
190
- }
191
- .e-listbox-wrapper .e-text-content *,
192
- .e-listbox-container .e-text-content *,
193
- .e-listboxtool-wrapper .e-text-content * {
194
- display: inline-block;
195
- vertical-align: middle;
196
- }
197
- .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
198
- .e-listbox-container .e-text-content.e-checkbox .e-list-text,
199
- .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
200
- width: calc(100% - 40px);
201
- }
202
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
203
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
204
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
205
- width: calc(100% - 90px);
206
- }
207
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
208
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
209
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
210
- width: calc(100% - 80px);
211
- }
212
- .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
213
- .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
214
- .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
215
- width: calc(100% - 92px);
216
- }
217
- .e-listbox-wrapper .e-checkbox .e-checkbox-left,
218
- .e-listbox-container .e-checkbox .e-checkbox-left,
219
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
220
- margin: -2px 10px 0 0;
221
- }
222
- .e-listbox-wrapper .e-checkbox .e-checkbox-right,
223
- .e-listbox-container .e-checkbox .e-checkbox-right,
224
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
225
- margin: -2px 0 0 10px;
226
- }
227
- .e-listbox-wrapper .e-list-text,
228
- .e-listbox-container .e-list-text,
229
- .e-listboxtool-wrapper .e-list-text {
230
- cursor: pointer;
231
- display: inline-block;
232
- overflow: hidden;
233
- text-overflow: ellipsis;
234
- vertical-align: top;
235
- white-space: nowrap;
236
- width: 100%;
237
- }
238
- .e-listbox-wrapper .e-list-icon + .e-list-text,
239
- .e-listbox-container .e-list-icon + .e-list-text,
240
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
241
- width: calc(100% - 60px);
242
- }
243
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
244
- .e-listbox-container .e-icon-wrapper .e-list-text,
245
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
246
- width: calc(100% - 60px);
247
- }
248
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
249
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
250
- .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
251
- width: calc(100% - 60px);
252
- }
253
- .e-listbox-wrapper .e-list-icon,
254
- .e-listbox-container .e-list-icon,
255
- .e-listboxtool-wrapper .e-list-icon {
256
- height: 30px;
257
- margin-right: 16px;
258
- width: 30px;
259
- }
260
- .e-listbox-wrapper .e-content,
261
- .e-listbox-container .e-content,
262
- .e-listboxtool-wrapper .e-content {
263
- overflow: hidden;
264
- position: relative;
265
- }
266
- .e-listbox-wrapper .e-list-header .e-text,
267
- .e-listbox-container .e-list-header .e-text,
268
- .e-listboxtool-wrapper .e-list-header .e-text {
269
- cursor: pointer;
270
- text-indent: 0;
271
- }
272
- .e-listbox-wrapper .e-text .e-headertext,
273
- .e-listbox-container .e-text .e-headertext,
274
- .e-listboxtool-wrapper .e-text .e-headertext {
275
- display: inline-block;
276
- line-height: 21px;
277
- }
278
- .e-listbox-wrapper.e-rtl,
279
- .e-listbox-container.e-rtl,
280
- .e-listboxtool-wrapper.e-rtl {
281
- direction: rtl;
282
- }
283
- .e-listbox-wrapper.e-rtl .e-list-icon,
284
- .e-listbox-container.e-rtl .e-list-icon,
285
- .e-listboxtool-wrapper.e-rtl .e-list-icon {
286
- margin-left: 16px;
287
- margin-right: 0;
288
- }
289
- .e-listbox-wrapper.e-rtl .e-icon-collapsible,
290
- .e-listbox-container.e-rtl .e-icon-collapsible,
291
- .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
292
- left: 0%;
293
- right: initial;
294
- top: 50%;
295
- transform: translateY(-50%) rotate(180deg);
296
- }
297
- .e-listbox-wrapper.e-rtl .e-list-header .e-text,
298
- .e-listbox-container.e-rtl .e-list-header .e-text,
299
- .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
300
- cursor: pointer;
301
- }
302
- .e-listbox-wrapper.e-rtl .e-but-back,
303
- .e-listbox-container.e-rtl .e-but-back,
304
- .e-listboxtool-wrapper.e-rtl .e-but-back {
305
- transform: rotate(180deg);
306
- }
307
- .e-listbox-wrapper.e-rtl .e-icon-back,
308
- .e-listbox-container.e-rtl .e-icon-back,
309
- .e-listboxtool-wrapper.e-rtl .e-icon-back {
310
- margin-top: 1px;
311
- }
312
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
313
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
314
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
315
- margin: -2px 0 0 10px;
316
- }
317
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
318
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
319
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
320
- margin: -2px 10px 0 0;
321
- }
322
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
323
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
324
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
325
- margin: -2px 0 0 10px;
326
- }
327
- .e-listbox-wrapper .e-checkbox-wrapper,
328
- .e-listbox-container .e-checkbox-wrapper,
329
- .e-listboxtool-wrapper .e-checkbox-wrapper {
330
- margin: -2px 10px 0 0;
331
- text-indent: 0;
332
- vertical-align: middle;
333
- }
334
- .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
335
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
336
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
337
- position: absolute;
338
- right: 0;
339
- top: 30%;
340
- }
341
- .e-listbox-wrapper .e-input-group,
342
- .e-listbox-container .e-input-group,
343
- .e-listboxtool-wrapper .e-input-group {
344
- padding: 4px 8px;
345
- }
346
- .e-listbox-wrapper .e-input-focus,
347
- .e-listbox-container .e-input-focus,
348
- .e-listboxtool-wrapper .e-input-focus {
349
- padding: 4px 4px 4px 8px;
350
- }
351
- .e-listbox-wrapper .e-hidden-select,
352
- .e-listbox-container .e-hidden-select,
353
- .e-listboxtool-wrapper .e-hidden-select {
354
- height: 1px;
355
- opacity: 0;
356
- position: absolute;
357
- width: 100%;
358
- }
359
- .e-listbox-wrapper .e-placeholder,
360
- .e-listbox-container .e-placeholder,
361
- .e-listboxtool-wrapper .e-placeholder {
362
- background-color: #0078d6;
363
- display: block;
364
- height: 1px;
365
- }
366
-
367
- ejs-listbox {
368
- display: block;
369
- }
370
-
371
- .e-listbox-wrapper:not(.e-listbox-container) {
372
- overflow: auto;
373
- }
374
-
375
- .e-listbox-wrapper.e-filter-list .e-list-parent {
376
- overflow: auto;
377
- }
378
-
379
- .e-listbox-wrapper.e-sortableclone,
380
- .e-listbox-container.e-sortableclone,
381
- .e-listboxtool-wrapper.e-sortableclone {
382
- border-width: 0;
383
- overflow: visible;
384
- }
385
- .e-listbox-wrapper.e-sortableclone .e-list-item,
386
- .e-listbox-container.e-sortableclone .e-list-item,
387
- .e-listboxtool-wrapper.e-sortableclone .e-list-item {
388
- list-style-type: none;
389
- }
390
- .e-listbox-wrapper.e-sortableclone .e-ripple,
391
- .e-listbox-container.e-sortableclone .e-ripple,
392
- .e-listboxtool-wrapper.e-sortableclone .e-ripple {
393
- overflow: visible;
394
- }
395
- .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
396
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
397
- .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
398
- display: none;
399
- }
400
- .e-listbox-wrapper.e-sortableclone .e-list-badge,
401
- .e-listbox-container.e-sortableclone .e-list-badge,
402
- .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
403
- -ms-flex-align: center;
404
- align-items: center;
405
- background-color: #0078d6;
406
- border: 1px solid #fff;
407
- border-radius: 50%;
408
- color: #fff;
409
- display: -ms-flexbox;
410
- display: flex;
411
- font-size: 12px;
412
- height: 22px;
413
- -ms-flex-pack: center;
414
- justify-content: center;
415
- position: absolute;
416
- right: -10px;
417
- top: -10px;
418
- width: 22px;
419
- }
420
-
421
- .e-listboxtool-wrapper.e-sortableclone {
422
- display: block;
423
- }
424
-
425
- .e-listboxtool-wrapper,
426
- .e-listboxtool-container {
427
- cursor: pointer;
428
- display: -ms-flexbox;
429
- display: flex;
430
- }
431
- .e-listboxtool-wrapper *,
432
- .e-listboxtool-container * {
433
- box-sizing: border-box;
434
- }
435
- .e-listboxtool-wrapper.e-disabled,
436
- .e-listboxtool-container.e-disabled {
437
- cursor: default;
438
- pointer-events: none;
439
- }
440
- .e-listboxtool-wrapper .e-listbox-wrapper,
441
- .e-listboxtool-container .e-listbox-wrapper {
442
- -ms-flex: 1;
443
- flex: 1;
444
- }
445
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
446
- .e-listboxtool-container.e-right .e-listbox-tool {
447
- margin-left: 15px;
448
- }
449
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
450
- .e-listboxtool-container.e-left .e-listbox-tool {
451
- margin-right: 15px;
452
- }
453
- .e-listboxtool-wrapper .e-listbox-tool,
454
- .e-listboxtool-container .e-listbox-tool {
455
- border: 1px solid #eaeaea;
456
- overflow: auto;
457
- padding: 8px;
458
- }
459
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
460
- .e-listboxtool-container .e-listbox-tool .e-btn {
461
- display: list-item;
462
- list-style-type: none;
463
- margin-bottom: 10px;
464
- }
465
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
466
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
467
- position: absolute;
468
- right: 0;
469
- top: 30%;
470
- }
471
-
472
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
473
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
474
- margin-right: 15px;
475
- }
476
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
477
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
478
- margin-left: 15px;
479
- }
480
-
481
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
482
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
483
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
484
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
485
- width: 83% !important; /* stylelint-disable-line declaration-no-important */
486
- }
487
- .e-bigger .e-listbox-wrapper .e-list-item,
488
- .e-listbox-wrapper.e-bigger .e-list-item,
489
- .e-bigger .e-listbox-container .e-list-item,
490
- .e-listbox-container.e-bigger .e-list-item {
491
- border-bottom: 0 solid transparent;
492
- border-left: 0 solid transparent;
493
- border-right: 0 solid transparent;
494
- border-top: 0 solid transparent;
495
- }
496
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
497
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
498
- .e-bigger .e-listbox-wrapper .e-list-group-item,
499
- .e-bigger .e-listbox-wrapper .e-list-header,
500
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
501
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
502
- .e-listbox-wrapper.e-bigger .e-list-group-item,
503
- .e-listbox-wrapper.e-bigger .e-list-header,
504
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
505
- .e-bigger .e-listbox-container .e-selectall-parent,
506
- .e-bigger .e-listbox-container .e-list-group-item,
507
- .e-bigger .e-listbox-container .e-list-header,
508
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
509
- .e-listbox-container.e-bigger .e-selectall-parent,
510
- .e-listbox-container.e-bigger .e-list-group-item,
511
- .e-listbox-container.e-bigger .e-list-header {
512
- padding: 12px 16px;
513
- }
514
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
515
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
516
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
517
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
518
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
519
- .e-bigger .e-listbox-container .e-selectall-parent,
520
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
521
- .e-listbox-container.e-bigger .e-selectall-parent {
522
- height: 45px;
523
- line-height: 1.6;
524
- position: relative;
525
- }
526
- .e-bigger .e-listbox-wrapper .e-list-parent,
527
- .e-listbox-wrapper.e-bigger .e-list-parent,
528
- .e-bigger .e-listbox-container .e-list-parent,
529
- .e-listbox-container.e-bigger .e-list-parent {
530
- min-height: 45px;
531
- }
532
- .e-bigger .e-listbox-wrapper .e-text-content,
533
- .e-listbox-wrapper.e-bigger .e-text-content,
534
- .e-bigger .e-listbox-container .e-text-content,
535
- .e-listbox-container.e-bigger .e-text-content {
536
- font-size: 15px;
537
- }
538
- .e-bigger .e-listbox-wrapper .e-list-group-item,
539
- .e-listbox-wrapper.e-bigger .e-list-group-item,
540
- .e-bigger .e-listbox-container .e-list-group-item,
541
- .e-listbox-container.e-bigger .e-list-group-item {
542
- height: 45px;
543
- line-height: 45px;
544
- }
545
- .e-bigger .e-listbox-wrapper .e-list-header,
546
- .e-listbox-wrapper.e-bigger .e-list-header,
547
- .e-bigger .e-listbox-container .e-list-header,
548
- .e-listbox-container.e-bigger .e-list-header {
549
- -ms-flex-align: center;
550
- align-items: center;
551
- display: -ms-flexbox;
552
- display: flex;
553
- font-weight: 600;
554
- height: 45px;
555
- }
556
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
557
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
558
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
559
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
560
- display: none;
561
- }
562
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
563
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
564
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
565
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
566
- display: none;
567
- }
568
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
569
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
570
- .e-bigger .e-listbox-container .e-list-header .e-text,
571
- .e-listbox-container.e-bigger .e-list-header .e-text {
572
- font-size: 15px;
573
- }
574
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
575
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
576
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
577
- }
578
-
579
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
580
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
581
- }
582
-
583
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
584
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
585
- }
586
-
587
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
588
- height: 100%;
589
- }
590
-
591
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
592
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
593
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
594
- }
595
-
596
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
597
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
598
- }
599
-
600
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
601
- height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
602
- }
603
-
604
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
605
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
606
- }
607
-
608
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
609
- height: 100%;
610
- }
611
-
612
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
613
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
614
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
615
- }
616
-
617
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
618
- height: 100%;
619
- }
620
-
621
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
622
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
623
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
624
- }
625
-
626
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
627
- height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
628
- }
629
-
630
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
631
- height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
632
- }
633
-
634
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
635
- height: 100%;
636
- }
637
-
638
- .e-listbox-wrapper,
639
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
640
- .e-listboxtool-container.e-listbox-container .e-ul {
641
- border: 1px solid #eaeaea;
642
- }
643
-
644
- .e-listbox-wrapper,
645
- .e-listbox-container,
646
- .e-listboxtool-wrapper {
647
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
648
- font-size: 13px;
649
- }
650
- .e-listbox-wrapper .e-list-header,
651
- .e-listbox-container .e-list-header,
652
- .e-listboxtool-wrapper .e-list-header {
653
- background-color: #fff;
654
- border-color: #eaeaea;
655
- color: #333;
656
- font-size: 14px;
657
- }
658
-
659
- .e-listbox-wrapper.e-filter-list .e-list-parent,
660
- .e-listbox-container.e-filter-list .e-list-parent,
661
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
662
- height: calc(100% - 51px);
663
- }
664
-
665
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
666
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
667
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
668
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
669
- }
670
-
671
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
672
- .e-listbox-container .e-selectall-parent + .e-list-parent,
673
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
674
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
675
- }
676
-
677
- .e-listbox-wrapper .e-icons,
678
- .e-listbox-container .e-icons,
679
- .e-listboxtool-wrapper .e-icons {
680
- color: #333;
681
- }
682
-
683
- .e-listbox-wrapper .e-list-item,
684
- .e-listbox-container .e-list-item,
685
- .e-listboxtool-wrapper .e-list-item {
686
- background-color: inherit;
687
- border-bottom: 0 solid transparent;
688
- border-left: 0 solid transparent;
689
- border-right: 0 solid transparent;
690
- border-top: 0 solid transparent;
691
- color: #333;
692
- }
693
-
694
- .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
695
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
696
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
697
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
698
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
699
- background-color: #eaeaea;
700
- border-color: transparent;
701
- color: #333;
702
- }
703
-
704
- .e-listbox-wrapper .e-list-item.e-selected,
705
- .e-listbox-container .e-list-item.e-selected,
706
- .e-listboxtool-wrapper .e-list-item.e-selected {
707
- background-color: #d1ebff;
708
- color: #333;
709
- }
710
-
711
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
712
- .e-listbox-container .e-list-item.e-selected.e-checklist,
713
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
714
- background-color: inherit;
715
- color: #333;
716
- }
717
-
718
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
719
- .e-listbox-container .e-list-item.e-focused,
720
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
721
- .e-listboxtool-wrapper .e-list-item.e-focused,
722
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
723
- background-color: #d1ebff;
724
- color: #333;
725
- }
726
-
727
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
728
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
729
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
730
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
731
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
732
- background-color: #0078d6;
733
- border-color: #0078d6;
734
- color: #fff;
735
- }
736
-
737
- .e-listbox-wrapper .e-list-group-item,
738
- .e-listbox-container .e-list-group-item,
739
- .e-listboxtool-wrapper .e-list-group-item {
740
- background-color: #fff;
741
- border-color: #eaeaea;
742
- color: #0078d6;
743
- font-size: 14px;
744
- }
745
-
746
- .e-listbox-wrapper .e-selectall-parent,
747
- .e-listbox-container .e-selectall-parent,
748
- .e-listboxtool-wrapper .e-selectall-parent {
749
- background-color: inherit;
750
- border-bottom: 1px solid #eaeaea;
751
- color: #333;
752
- }
753
-
754
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
755
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
756
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
757
- background-color: transparent;
758
- }
759
-
760
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
761
- .e-listbox-container.e-list-template .e-list-wrapper,
762
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
763
- height: inherit;
764
- position: relative;
765
- }
766
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
767
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
768
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
769
- padding: 0.6153em 0.923em;
770
- }
771
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
772
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
773
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
774
- padding: 0.6153em 0.923em;
775
- }
776
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
777
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
778
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
779
- color: #333;
780
- display: block;
781
- font-size: 13px;
782
- font-weight: 500;
783
- margin: 0;
784
- overflow: hidden;
785
- padding: 0.093em 0;
786
- text-overflow: ellipsis;
787
- white-space: nowrap;
788
- }
789
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
790
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
791
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
792
- color: #666;
793
- display: block;
794
- font-size: 13px;
795
- margin: 0;
796
- padding: 0.093em 0;
797
- word-wrap: break-word;
798
- }
799
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
800
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
801
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
802
- overflow: hidden;
803
- text-overflow: ellipsis;
804
- white-space: nowrap;
805
- }
806
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
807
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
808
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
809
- height: 3.0769em;
810
- left: 0.923em;
811
- position: absolute;
812
- top: 0.6153em;
813
- width: 3.0769em;
814
- }
815
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
816
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
817
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
818
- padding-left: 4.923em;
819
- padding-right: 0.923em;
820
- }
821
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
822
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
823
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
824
- padding-left: 0.923em;
825
- padding-right: 4.923em;
826
- }
827
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
828
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
829
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
830
- height: 3.0769em;
831
- position: absolute;
832
- right: 0.923em;
833
- top: 0.6153em;
834
- width: 3.0769em;
835
- }
836
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
837
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
838
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
839
- top: 0.6153em;
840
- }
841
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
842
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
843
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
844
- top: 0.6153em;
845
- }
846
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
847
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
848
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
849
- font-size: 13px;
850
- height: 1.5384em;
851
- line-height: 1.3384em;
852
- padding: 0;
853
- position: absolute;
854
- right: 0.923em;
855
- top: 50%;
856
- transform: translateY(-50%);
857
- width: 1.5384em;
858
- }
859
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
860
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
861
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
862
- padding-left: 4.923em;
863
- padding-right: 3.3846em;
864
- }
865
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
866
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
867
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
868
- padding-left: 0.923em;
869
- padding-right: 3.3846em;
870
- }
871
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
872
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
873
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
874
- display: block;
875
- margin: 0;
876
- overflow: hidden;
877
- padding: 0.867em 0;
878
- text-overflow: ellipsis;
879
- white-space: nowrap;
880
- }
881
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
882
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
883
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
884
- color: #333;
885
- }
886
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
887
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
888
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
889
- color: #333;
890
- }
891
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
892
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
893
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
894
- color: #333;
895
- }
896
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
897
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
898
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
899
- color: #333;
900
- }
901
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
902
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
903
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
904
- left: inherit;
905
- right: 0.923em;
906
- }
907
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
908
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
909
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
910
- padding-left: 0.923em;
911
- padding-right: 4.923em;
912
- }
913
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
914
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
915
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
916
- padding-left: 4.923em;
917
- padding-right: 0.923em;
918
- }
919
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
920
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
921
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
922
- left: 0.923em;
923
- right: inherit;
924
- }
925
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
926
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
927
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
928
- left: 0.923em;
929
- right: inherit;
930
- }
931
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
932
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
933
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
934
- padding-left: 3.3846em;
935
- padding-right: 4.923em;
936
- }
937
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
938
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
939
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
940
- padding-left: 3.3846em;
941
- padding-right: 0.923em;
942
- }
943
-
944
- .e-listbox-container.e-filter-list .e-list-parent {
945
- height: 100%;
946
- }
947
-
948
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
949
- height: 100%;
950
- }
951
-
952
- .e-listbox-container .e-selectall-parent + .e-list-parent {
953
- height: 100%;
954
- }
955
-
956
- .e-listbox-container.e-filter-list .e-list-wrap {
957
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
958
- }
959
-
960
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
961
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
962
- }
963
-
964
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
965
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
966
- }
1
+ @import '@syncfusion/ej2-dropdowns/styles/list-box/fabric.css';