@syncfusion/ej2-vue-multicolumn-combobox 26.1.39 → 26.2.5

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 (38) hide show
  1. package/dist/ej2-vue-multicolumn-combobox.umd.min.js +1 -1
  2. package/package.json +8 -8
  3. package/styles/bootstrap-dark.css +1 -349
  4. package/styles/bootstrap.css +1 -349
  5. package/styles/bootstrap4.css +1 -413
  6. package/styles/bootstrap5-dark.css +1 -417
  7. package/styles/bootstrap5.css +1 -417
  8. package/styles/fabric-dark.css +1 -324
  9. package/styles/fabric.css +1 -317
  10. package/styles/fluent-dark.css +1 -397
  11. package/styles/fluent.css +1 -397
  12. package/styles/fluent2.css +1 -1426
  13. package/styles/highcontrast-light.css +1 -335
  14. package/styles/highcontrast.css +1 -335
  15. package/styles/material-dark.css +1 -357
  16. package/styles/material.css +1 -382
  17. package/styles/material3-dark.css +1 -504
  18. package/styles/material3.css +1 -616
  19. package/styles/multicolumn-combobox/bootstrap-dark.css +1 -349
  20. package/styles/multicolumn-combobox/bootstrap.css +1 -349
  21. package/styles/multicolumn-combobox/bootstrap4.css +1 -413
  22. package/styles/multicolumn-combobox/bootstrap5-dark.css +1 -417
  23. package/styles/multicolumn-combobox/bootstrap5.css +1 -417
  24. package/styles/multicolumn-combobox/fabric-dark.css +1 -324
  25. package/styles/multicolumn-combobox/fabric.css +1 -317
  26. package/styles/multicolumn-combobox/fluent-dark.css +1 -397
  27. package/styles/multicolumn-combobox/fluent.css +1 -397
  28. package/styles/multicolumn-combobox/fluent2.css +1 -1426
  29. package/styles/multicolumn-combobox/highcontrast-light.css +1 -335
  30. package/styles/multicolumn-combobox/highcontrast.css +1 -335
  31. package/styles/multicolumn-combobox/material-dark.css +1 -357
  32. package/styles/multicolumn-combobox/material.css +1 -382
  33. package/styles/multicolumn-combobox/material3-dark.css +1 -504
  34. package/styles/multicolumn-combobox/material3.css +1 -616
  35. package/styles/multicolumn-combobox/tailwind-dark.css +1 -381
  36. package/styles/multicolumn-combobox/tailwind.css +1 -381
  37. package/styles/tailwind-dark.css +1 -381
  38. package/styles/tailwind.css +1 -381
@@ -1,349 +1 @@
1
- .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
3
- }
4
-
5
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
6
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
7
- padding: 0 12px 0 0;
8
- }
9
-
10
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
11
- padding: 0 8px 0 0;
12
- }
13
-
14
- .e-popup.e-ddl {
15
- border-radius: 4px;
16
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
17
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
18
- margin-top: 3px;
19
- }
20
- .e-popup.e-ddl .e-input-group {
21
- width: auto;
22
- }
23
- .e-popup.e-ddl .e-input-group input {
24
- line-height: 15px;
25
- }
26
-
27
- .e-popup.e-ddl .e-dropdownbase {
28
- min-height: 26px;
29
- }
30
-
31
- .e-popup.e-ddl .e-filter-parent .e-input-group {
32
- display: -webkit-box;
33
- display: -ms-flexbox;
34
- display: flex;
35
- width: auto;
36
- }
37
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
38
- border: 0;
39
- }
40
-
41
- .e-bigger .e-popup.e-ddl-device-filter {
42
- margin-top: 0;
43
- }
44
-
45
- .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
46
- font-size: 15px;
47
- line-height: 40px;
48
- padding-left: 0;
49
- text-indent: 24px;
50
- }
51
-
52
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
53
- padding-left: 4px;
54
- }
55
-
56
- .e-bigger .e-popup.e-ddl .e-input-group {
57
- padding: 4px 0;
58
- }
59
-
60
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
61
- height: 38px;
62
- }
63
-
64
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
65
- min-height: 40px;
66
- }
67
-
68
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
69
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
70
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
71
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
72
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
73
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
74
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
75
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
76
- background: transparent;
77
- color: #f0f0f0;
78
- }
79
-
80
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
81
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
82
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
83
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
84
- border: 0;
85
- }
86
-
87
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
88
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
89
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
90
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
91
- -webkit-box-shadow: none;
92
- box-shadow: none;
93
- }
94
-
95
- .e-ddl.e-popup .e-filter-parent {
96
- border-bottom: 1px solid #484848;
97
- }
98
-
99
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
100
- font-size: 14px;
101
- line-height: 34px;
102
- padding-left: 0;
103
- text-indent: 16px;
104
- }
105
-
106
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
107
- padding-left: 4px;
108
- }
109
-
110
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
111
- padding: 4px 0;
112
- }
113
-
114
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
115
- height: 30px;
116
- }
117
-
118
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
119
- min-height: 34px;
120
- }
121
-
122
- .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
123
- content: "\e969";
124
- font-family: "e-icons";
125
- }
126
-
127
- .e-multicolumn-grid tr.e-groupcaptionrow {
128
- position: sticky;
129
- top: 0;
130
- }
131
-
132
- .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
133
- .e-multicolumn-grid td.e-recordplusexpand,
134
- .e-multicolumn-grid td.e-indentcell,
135
- .e-multicolumn-grid col.e-group-intent,
136
- .e-multicolumn-list .e-no-records + .e-grid {
137
- display: none;
138
- }
139
-
140
- .e-multicolumn-grid .e-gridheader .e-headercelldiv {
141
- overflow: hidden;
142
- }
143
-
144
- .e-multicolumn-list .e-popup-footer {
145
- vertical-align: middle;
146
- border-style: solid;
147
- border-width: 0 1px 0 1px;
148
- font-size: 14px;
149
- height: 36px;
150
- display: -webkit-box;
151
- display: -ms-flexbox;
152
- display: flex;
153
- -webkit-box-align: center;
154
- -ms-flex-align: center;
155
- align-items: center;
156
- }
157
-
158
- .e-multicolumn-grid.e-grid {
159
- border-width: 1px;
160
- }
161
-
162
- .e-input-group.e-multicolumn-list input[readonly].e-input {
163
- pointer-events: none;
164
- }
165
-
166
- .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
167
- -webkit-transform: rotate(180deg);
168
- transform: rotate(180deg);
169
- }
170
- .e-multicolumn-list:not(.e-icon-anim) .e-multicolumn-list-icon::before {
171
- -webkit-transform: rotate(0deg);
172
- transform: rotate(0deg);
173
- }
174
- .e-multicolumn-list .e-multicolumn-list-icon::before {
175
- -webkit-transition: -webkit-transform 300ms ease;
176
- transition: -webkit-transform 300ms ease;
177
- transition: transform 300ms ease;
178
- transition: transform 300ms ease, -webkit-transform 300ms ease;
179
- }
180
-
181
- .e-multicolumn-grid .e-grid {
182
- overflow: auto;
183
- }
184
-
185
- .e-multicolumn-grid .e-row,
186
- .e-multicolumn-grid .e-emptyrow {
187
- height: 36px;
188
- }
189
-
190
- .e-multicolumn-group .e-sortnumber {
191
- display: none;
192
- }
193
-
194
- .e-popup.e-multicolumn-list {
195
- position: absolute;
196
- border-radius: 4px;
197
- margin-top: unset;
198
- }
199
- .e-popup.e-multicolumn-list .e-nodata {
200
- cursor: default;
201
- font-family: inherit;
202
- font-size: 14px;
203
- padding: 14px 16px;
204
- text-align: center;
205
- border-radius: inherit;
206
- }
207
- .e-popup.e-multicolumn-list .e-headertext {
208
- font-weight: 500;
209
- }
210
- .e-popup.e-multicolumn-list .e-gridheader {
211
- position: sticky;
212
- top: 0;
213
- z-index: 1;
214
- }
215
-
216
- .e-multicolumn-grid .e-headercontent {
217
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
218
- }
219
-
220
- .e-multicolumn-grid.e-rtl .e-headercontent {
221
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
222
- }
223
-
224
- .e-multicolumn-grid .e-content {
225
- overflow: auto !important; /* stylelint-disable-line declaration-no-important */
226
- }
227
-
228
- .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
229
- .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
230
- .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
231
- .e-small .e-popup .e-multicolumn-grid .e-rowcell,
232
- .e-small .e-popup.e-multicolumn-list .e-popup-footer {
233
- font-size: 12px;
234
- }
235
- .e-small.e-popup.e-multicolumn-list .e-popup-footer,
236
- .e-small.e-popup .e-multicolumn-grid .e-row,
237
- .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
238
- .e-small .e-popup.e-multicolumn-list .e-popup-footer,
239
- .e-small .e-popup .e-multicolumn-grid .e-row,
240
- .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
241
- height: 32px;
242
- }
243
- .e-small.e-popup.e-multicolumn-list,
244
- .e-small .e-popup.e-multicolumn-list {
245
- margin-top: unset;
246
- }
247
-
248
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
249
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
250
- font-size: 16px;
251
- }
252
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
253
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
254
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
255
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
256
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
257
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
258
- height: 40px;
259
- }
260
- .e-bigger.e-popup.e-multicolumn-list,
261
- .e-bigger .e-popup.e-multicolumn-list {
262
- margin-top: unset;
263
- }
264
-
265
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
266
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
267
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
268
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
269
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
270
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
271
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
272
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
273
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
274
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
275
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
276
- font-size: 14px;
277
- }
278
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
279
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
280
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
281
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
282
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
283
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
284
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
285
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
286
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
287
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
288
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
289
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
290
- height: 40px;
291
- }
292
- .e-bigger.e-small.e-popup.e-multicolumn-list,
293
- .e-bigger.e-small .e-popup.e-multicolumn-list,
294
- .e-bigger .e-small.e-popup.e-multicolumn-list,
295
- .e-small .e-bigger.e-popup.e-multicolumn-list {
296
- margin-top: unset;
297
- }
298
-
299
- .e-multicolumn-list .e-popup-footer {
300
- background: #2a2a2a;
301
- color: #0070f0;
302
- border-color: #484848;
303
- }
304
-
305
- .e-input-group.e-multicolumn-list:focus-visible {
306
- outline: transparent;
307
- }
308
-
309
- .e-popup.e-multicolumn-list {
310
- background: transparent;
311
- -webkit-box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.05), 0 2px 11px 0 rgba(0, 0, 0, 0.1);
312
- box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.05), 0 2px 11px 0 rgba(0, 0, 0, 0.1);
313
- }
314
- .e-popup.e-multicolumn-list .e-nodata {
315
- color: #0070f0;
316
- border: 1px solid #484848;
317
- background: #2a2a2a;
318
- }
319
- .e-popup.e-multicolumn-list .e-multicolumn-grid .e-rowcell {
320
- color: #fff;
321
- }
322
- .e-popup.e-multicolumn-list .e-multicolumn-grid .e-focused {
323
- -webkit-box-shadow: none;
324
- box-shadow: none;
325
- }
326
- .e-popup.e-multicolumn-list .e-gridhover .e-row:hover .e-rowcell:not(.e-active),
327
- .e-popup.e-multicolumn-list .e-gridcontent .e-row-focus {
328
- background: #414141 !important; /* stylelint-disable-line declaration-no-important */
329
- }
330
- .e-popup.e-multicolumn-list .e-multicolumn-grid td.e-active {
331
- background: #0070f0;
332
- color: #fff;
333
- }
334
- .e-popup.e-multicolumn-list .e-groupcaption {
335
- color: #0070f0;
336
- background: #2a2a2a;
337
- }
338
- .e-popup.e-multicolumn-list .e-gridheader,
339
- .e-popup.e-multicolumn-list .e-gridheader colgroup {
340
- background: transparent;
341
- }
342
- .e-popup.e-multicolumn-list .e-altrow {
343
- background: #393939;
344
- }
345
- .e-popup.e-multicolumn-list .e-headertext,
346
- .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
347
- .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
348
- color: #0070f0;
349
- }
1
+ @import '@syncfusion/ej2-multicolumn-combobox/styles/bootstrap-dark.css';
@@ -1,349 +1 @@
1
- .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
3
- }
4
-
5
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
6
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
7
- padding: 0 12px 0 0;
8
- }
9
-
10
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
11
- padding: 0 8px 0 0;
12
- }
13
-
14
- .e-popup.e-ddl {
15
- border-radius: 4px;
16
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
17
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
18
- margin-top: 3px;
19
- }
20
- .e-popup.e-ddl .e-input-group {
21
- width: auto;
22
- }
23
- .e-popup.e-ddl .e-input-group input {
24
- line-height: 15px;
25
- }
26
-
27
- .e-popup.e-ddl .e-dropdownbase {
28
- min-height: 26px;
29
- }
30
-
31
- .e-popup.e-ddl .e-filter-parent .e-input-group {
32
- display: -webkit-box;
33
- display: -ms-flexbox;
34
- display: flex;
35
- width: auto;
36
- }
37
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
38
- border: 0;
39
- }
40
-
41
- .e-bigger .e-popup.e-ddl-device-filter {
42
- margin-top: 0;
43
- }
44
-
45
- .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
46
- font-size: 15px;
47
- line-height: 40px;
48
- padding-left: 0;
49
- text-indent: 24px;
50
- }
51
-
52
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
53
- padding-left: 4px;
54
- }
55
-
56
- .e-bigger .e-popup.e-ddl .e-input-group {
57
- padding: 4px 0;
58
- }
59
-
60
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
61
- height: 38px;
62
- }
63
-
64
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
65
- min-height: 40px;
66
- }
67
-
68
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
69
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
70
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
71
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
72
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
73
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
74
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
75
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
76
- background: transparent;
77
- color: #333;
78
- }
79
-
80
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
81
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
82
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
83
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
84
- border: 0;
85
- }
86
-
87
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
88
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
89
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
90
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
91
- -webkit-box-shadow: none;
92
- box-shadow: none;
93
- }
94
-
95
- .e-ddl.e-popup .e-filter-parent {
96
- border-bottom: 1px solid #ccc;
97
- }
98
-
99
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
100
- font-size: 14px;
101
- line-height: 34px;
102
- padding-left: 0;
103
- text-indent: 16px;
104
- }
105
-
106
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
107
- padding-left: 4px;
108
- }
109
-
110
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
111
- padding: 4px 0;
112
- }
113
-
114
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
115
- height: 30px;
116
- }
117
-
118
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
119
- min-height: 34px;
120
- }
121
-
122
- .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
123
- content: "\e969";
124
- font-family: "e-icons";
125
- }
126
-
127
- .e-multicolumn-grid tr.e-groupcaptionrow {
128
- position: sticky;
129
- top: 0;
130
- }
131
-
132
- .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
133
- .e-multicolumn-grid td.e-recordplusexpand,
134
- .e-multicolumn-grid td.e-indentcell,
135
- .e-multicolumn-grid col.e-group-intent,
136
- .e-multicolumn-list .e-no-records + .e-grid {
137
- display: none;
138
- }
139
-
140
- .e-multicolumn-grid .e-gridheader .e-headercelldiv {
141
- overflow: hidden;
142
- }
143
-
144
- .e-multicolumn-list .e-popup-footer {
145
- vertical-align: middle;
146
- border-style: solid;
147
- border-width: 1px 0 0 0;
148
- font-size: 14px;
149
- height: 36px;
150
- display: -webkit-box;
151
- display: -ms-flexbox;
152
- display: flex;
153
- -webkit-box-align: center;
154
- -ms-flex-align: center;
155
- align-items: center;
156
- }
157
-
158
- .e-multicolumn-grid.e-grid {
159
- border-width: 0;
160
- }
161
-
162
- .e-input-group.e-multicolumn-list input[readonly].e-input {
163
- pointer-events: none;
164
- }
165
-
166
- .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
167
- -webkit-transform: rotate(180deg);
168
- transform: rotate(180deg);
169
- }
170
- .e-multicolumn-list:not(.e-icon-anim) .e-multicolumn-list-icon::before {
171
- -webkit-transform: rotate(0deg);
172
- transform: rotate(0deg);
173
- }
174
- .e-multicolumn-list .e-multicolumn-list-icon::before {
175
- -webkit-transition: -webkit-transform 300ms ease;
176
- transition: -webkit-transform 300ms ease;
177
- transition: transform 300ms ease;
178
- transition: transform 300ms ease, -webkit-transform 300ms ease;
179
- }
180
-
181
- .e-multicolumn-grid .e-grid {
182
- overflow: auto;
183
- }
184
-
185
- .e-multicolumn-grid .e-row,
186
- .e-multicolumn-grid .e-emptyrow {
187
- height: 36px;
188
- }
189
-
190
- .e-multicolumn-group .e-sortnumber {
191
- display: none;
192
- }
193
-
194
- .e-popup.e-multicolumn-list {
195
- position: absolute;
196
- border-radius: 4px;
197
- margin-top: unset;
198
- }
199
- .e-popup.e-multicolumn-list .e-nodata {
200
- cursor: default;
201
- font-family: inherit;
202
- font-size: 14px;
203
- padding: 14px 16px;
204
- text-align: center;
205
- border-radius: inherit;
206
- }
207
- .e-popup.e-multicolumn-list .e-headertext {
208
- font-weight: 500;
209
- }
210
- .e-popup.e-multicolumn-list .e-gridheader {
211
- position: sticky;
212
- top: 0;
213
- z-index: 1;
214
- }
215
-
216
- .e-multicolumn-grid .e-headercontent {
217
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
218
- }
219
-
220
- .e-multicolumn-grid.e-rtl .e-headercontent {
221
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
222
- }
223
-
224
- .e-multicolumn-grid .e-content {
225
- overflow: auto !important; /* stylelint-disable-line declaration-no-important */
226
- }
227
-
228
- .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
229
- .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
230
- .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
231
- .e-small .e-popup .e-multicolumn-grid .e-rowcell,
232
- .e-small .e-popup.e-multicolumn-list .e-popup-footer {
233
- font-size: 12px;
234
- }
235
- .e-small.e-popup.e-multicolumn-list .e-popup-footer,
236
- .e-small.e-popup .e-multicolumn-grid .e-row,
237
- .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
238
- .e-small .e-popup.e-multicolumn-list .e-popup-footer,
239
- .e-small .e-popup .e-multicolumn-grid .e-row,
240
- .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
241
- height: 32px;
242
- }
243
- .e-small.e-popup.e-multicolumn-list,
244
- .e-small .e-popup.e-multicolumn-list {
245
- margin-top: unset;
246
- }
247
-
248
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
249
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
250
- font-size: 16px;
251
- }
252
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
253
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
254
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
255
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
256
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
257
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
258
- height: 40px;
259
- }
260
- .e-bigger.e-popup.e-multicolumn-list,
261
- .e-bigger .e-popup.e-multicolumn-list {
262
- margin-top: unset;
263
- }
264
-
265
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
266
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
267
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
268
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
269
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
270
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
271
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
272
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
273
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
274
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
275
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
276
- font-size: 14px;
277
- }
278
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
279
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
280
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
281
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
282
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
283
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
284
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
285
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
286
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
287
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
288
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
289
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
290
- height: 40px;
291
- }
292
- .e-bigger.e-small.e-popup.e-multicolumn-list,
293
- .e-bigger.e-small .e-popup.e-multicolumn-list,
294
- .e-bigger .e-small.e-popup.e-multicolumn-list,
295
- .e-small .e-bigger.e-popup.e-multicolumn-list {
296
- margin-top: unset;
297
- }
298
-
299
- .e-multicolumn-list .e-popup-footer {
300
- background: #fff;
301
- color: #777;
302
- border-color: #e6e6e6;
303
- }
304
-
305
- .e-input-group.e-multicolumn-list:focus-visible {
306
- outline: transparent;
307
- }
308
-
309
- .e-popup.e-multicolumn-list {
310
- background: transparent;
311
- -webkit-box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.05), 0 2px 11px 0 rgba(0, 0, 0, 0.1);
312
- box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.05), 0 2px 11px 0 rgba(0, 0, 0, 0.1);
313
- }
314
- .e-popup.e-multicolumn-list .e-nodata {
315
- color: #777;
316
- border: 1px solid #e6e6e6;
317
- background: #fff;
318
- }
319
- .e-popup.e-multicolumn-list .e-multicolumn-grid .e-rowcell {
320
- color: #333;
321
- }
322
- .e-popup.e-multicolumn-list .e-multicolumn-grid .e-focused {
323
- -webkit-box-shadow: none;
324
- box-shadow: none;
325
- }
326
- .e-popup.e-multicolumn-list .e-gridhover .e-row:hover .e-rowcell:not(.e-active),
327
- .e-popup.e-multicolumn-list .e-gridcontent .e-row-focus {
328
- background: #f5f5f5 !important; /* stylelint-disable-line declaration-no-important */
329
- }
330
- .e-popup.e-multicolumn-list .e-multicolumn-grid td.e-active {
331
- background: #317ab9;
332
- color: #fff;
333
- }
334
- .e-popup.e-multicolumn-list .e-groupcaption {
335
- color: #777;
336
- background: #fff;
337
- }
338
- .e-popup.e-multicolumn-list .e-gridheader,
339
- .e-popup.e-multicolumn-list .e-gridheader colgroup {
340
- background: #f5f5f5;
341
- }
342
- .e-popup.e-multicolumn-list .e-altrow {
343
- background: #f8f8f8;
344
- }
345
- .e-popup.e-multicolumn-list .e-headertext,
346
- .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
347
- .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
348
- color: #777;
349
- }
1
+ @import '@syncfusion/ej2-multicolumn-combobox/styles/bootstrap.css';