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