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