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