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