@syncfusion/ej2-angular-dropdowns 26.1.42 → 26.2.4

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