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