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