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