@syncfusion/ej2-react-multicolumn-combobox 26.1.35 → 26.1.39

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 (39) hide show
  1. package/dist/ej2-react-multicolumn-combobox.min.js +10 -1
  2. package/dist/ej2-react-multicolumn-combobox.umd.min.js +9 -0
  3. package/package.json +7 -7
  4. package/styles/bootstrap-dark.css +22 -4
  5. package/styles/bootstrap.css +22 -4
  6. package/styles/bootstrap4.css +22 -4
  7. package/styles/bootstrap5-dark.css +21 -3
  8. package/styles/bootstrap5.css +21 -3
  9. package/styles/fabric-dark.css +22 -4
  10. package/styles/fabric.css +22 -4
  11. package/styles/fluent-dark.css +22 -4
  12. package/styles/fluent.css +22 -4
  13. package/styles/fluent2.css +27 -9
  14. package/styles/highcontrast-light.css +22 -4
  15. package/styles/highcontrast.css +22 -4
  16. package/styles/material-dark.css +22 -4
  17. package/styles/material.css +22 -4
  18. package/styles/material3-dark.css +23 -5
  19. package/styles/material3.css +23 -5
  20. package/styles/multicolumn-combobox/bootstrap-dark.css +22 -4
  21. package/styles/multicolumn-combobox/bootstrap.css +22 -4
  22. package/styles/multicolumn-combobox/bootstrap4.css +22 -4
  23. package/styles/multicolumn-combobox/bootstrap5-dark.css +21 -3
  24. package/styles/multicolumn-combobox/bootstrap5.css +21 -3
  25. package/styles/multicolumn-combobox/fabric-dark.css +22 -4
  26. package/styles/multicolumn-combobox/fabric.css +22 -4
  27. package/styles/multicolumn-combobox/fluent-dark.css +22 -4
  28. package/styles/multicolumn-combobox/fluent.css +22 -4
  29. package/styles/multicolumn-combobox/fluent2.css +27 -9
  30. package/styles/multicolumn-combobox/highcontrast-light.css +22 -4
  31. package/styles/multicolumn-combobox/highcontrast.css +22 -4
  32. package/styles/multicolumn-combobox/material-dark.css +22 -4
  33. package/styles/multicolumn-combobox/material.css +22 -4
  34. package/styles/multicolumn-combobox/material3-dark.css +23 -5
  35. package/styles/multicolumn-combobox/material3.css +23 -5
  36. package/styles/multicolumn-combobox/tailwind-dark.css +22 -4
  37. package/styles/multicolumn-combobox/tailwind.css +22 -4
  38. package/styles/tailwind-dark.css +22 -4
  39. package/styles/tailwind.css +22 -4
package/styles/material3-dark.css CHANGED
@@ -296,10 +296,20 @@
296
296
 
297
297
  .e-multicolumn-list .e-popup-footer {
298
298
  vertical-align: middle;
299
- border-top: 1px solid;
299
+ border-style: solid;
300
+ border-width: 0 1px 0 1px;
300
301
  font-size: 14px;
301
- height: 38px;
302
- padding: 8px 0;
302
+ height: 32px;
303
+ display: -webkit-box;
304
+ display: -ms-flexbox;
305
+ display: flex;
306
+ -webkit-box-align: center;
307
+ -ms-flex-align: center;
308
+ align-items: center;
309
+ }
310
+
311
+ .e-multicolumn-grid.e-grid {
312
+ border-width: 1px;
303
313
  }
304
314
 
305
315
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -375,8 +385,10 @@
375
385
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
376
386
  font-size: 12px;
377
387
  }
388
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
378
389
  .e-small.e-popup .e-multicolumn-grid .e-row,
379
390
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
391
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
380
392
  .e-small .e-popup .e-multicolumn-grid .e-row,
381
393
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
382
394
  height: 26px;
@@ -390,8 +402,10 @@
390
402
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
391
403
  font-size: 16px;
392
404
  }
405
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
393
406
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
394
407
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
408
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
395
409
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
396
410
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
397
411
  height: 40px;
@@ -414,12 +428,16 @@
414
428
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
415
429
  font-size: 14px;
416
430
  }
431
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
417
432
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
418
433
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
434
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
419
435
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
420
436
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
437
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
421
438
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
422
439
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
440
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
423
441
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
424
442
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
425
443
  height: 36px;
@@ -432,9 +450,9 @@
432
450
  }
433
451
 
434
452
  .e-multicolumn-list .e-popup-footer {
435
- background: transparent;
453
+ background: rgba(var(--color-sf-surface));
436
454
  color: var(--color-sf-on-surface-variant);
437
- border-color: var(--color-sf-outline-variant);
455
+ border-color: rgba(var(--color-sf-outline-variant));
438
456
  }
439
457
 
440
458
  .e-input-group.e-multicolumn-list:focus-visible {
package/styles/material3.css CHANGED
@@ -408,10 +408,20 @@
408
408
 
409
409
  .e-multicolumn-list .e-popup-footer {
410
410
  vertical-align: middle;
411
- border-top: 1px solid;
411
+ border-style: solid;
412
+ border-width: 0 1px 0 1px;
412
413
  font-size: 14px;
413
- height: 38px;
414
- padding: 8px 0;
414
+ height: 32px;
415
+ display: -webkit-box;
416
+ display: -ms-flexbox;
417
+ display: flex;
418
+ -webkit-box-align: center;
419
+ -ms-flex-align: center;
420
+ align-items: center;
421
+ }
422
+
423
+ .e-multicolumn-grid.e-grid {
424
+ border-width: 1px;
415
425
  }
416
426
 
417
427
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -487,8 +497,10 @@
487
497
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
488
498
  font-size: 12px;
489
499
  }
500
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
490
501
  .e-small.e-popup .e-multicolumn-grid .e-row,
491
502
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
503
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
492
504
  .e-small .e-popup .e-multicolumn-grid .e-row,
493
505
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
494
506
  height: 26px;
@@ -502,8 +514,10 @@
502
514
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
503
515
  font-size: 16px;
504
516
  }
517
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
505
518
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
506
519
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
520
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
507
521
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
508
522
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
509
523
  height: 40px;
@@ -526,12 +540,16 @@
526
540
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
527
541
  font-size: 14px;
528
542
  }
543
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
529
544
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
530
545
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
546
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
531
547
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
532
548
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
549
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
533
550
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
534
551
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
552
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
535
553
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
536
554
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
537
555
  height: 36px;
@@ -544,9 +562,9 @@
544
562
  }
545
563
 
546
564
  .e-multicolumn-list .e-popup-footer {
547
- background: transparent;
565
+ background: rgba(var(--color-sf-surface));
548
566
  color: var(--color-sf-on-surface-variant);
549
- border-color: var(--color-sf-outline-variant);
567
+ border-color: rgba(var(--color-sf-outline-variant));
550
568
  }
551
569
 
552
570
  .e-input-group.e-multicolumn-list:focus-visible {
package/styles/multicolumn-combobox/bootstrap-dark.css CHANGED
@@ -143,10 +143,20 @@
143
143
 
144
144
  .e-multicolumn-list .e-popup-footer {
145
145
  vertical-align: middle;
146
- border-top: 1px solid;
146
+ border-style: solid;
147
+ border-width: 0 1px 0 1px;
147
148
  font-size: 14px;
148
- height: 38px;
149
- padding: 8px 0;
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;
150
160
  }
151
161
 
152
162
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -222,8 +232,10 @@
222
232
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
223
233
  font-size: 12px;
224
234
  }
235
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
225
236
  .e-small.e-popup .e-multicolumn-grid .e-row,
226
237
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
238
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
227
239
  .e-small .e-popup .e-multicolumn-grid .e-row,
228
240
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
229
241
  height: 32px;
@@ -237,8 +249,10 @@
237
249
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
238
250
  font-size: 16px;
239
251
  }
252
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
240
253
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
241
254
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
255
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
242
256
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
243
257
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
244
258
  height: 40px;
@@ -261,12 +275,16 @@
261
275
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
262
276
  font-size: 14px;
263
277
  }
278
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
264
279
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
265
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,
266
282
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
267
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,
268
285
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
269
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,
270
288
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
271
289
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
272
290
  height: 40px;
@@ -279,7 +297,7 @@
279
297
  }
280
298
 
281
299
  .e-multicolumn-list .e-popup-footer {
282
- background: transparent;
300
+ background: #2a2a2a;
283
301
  color: #0070f0;
284
302
  border-color: #484848;
285
303
  }
package/styles/multicolumn-combobox/bootstrap.css CHANGED
@@ -143,10 +143,20 @@
143
143
 
144
144
  .e-multicolumn-list .e-popup-footer {
145
145
  vertical-align: middle;
146
- border-top: 1px solid;
146
+ border-style: solid;
147
+ border-width: 1px 0 0 0;
147
148
  font-size: 14px;
148
- height: 38px;
149
- padding: 8px 0;
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;
150
160
  }
151
161
 
152
162
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -222,8 +232,10 @@
222
232
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
223
233
  font-size: 12px;
224
234
  }
235
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
225
236
  .e-small.e-popup .e-multicolumn-grid .e-row,
226
237
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
238
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
227
239
  .e-small .e-popup .e-multicolumn-grid .e-row,
228
240
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
229
241
  height: 32px;
@@ -237,8 +249,10 @@
237
249
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
238
250
  font-size: 16px;
239
251
  }
252
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
240
253
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
241
254
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
255
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
242
256
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
243
257
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
244
258
  height: 40px;
@@ -261,12 +275,16 @@
261
275
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
262
276
  font-size: 14px;
263
277
  }
278
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
264
279
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
265
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,
266
282
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
267
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,
268
285
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
269
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,
270
288
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
271
289
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
272
290
  height: 40px;
@@ -279,7 +297,7 @@
279
297
  }
280
298
 
281
299
  .e-multicolumn-list .e-popup-footer {
282
- background: transparent;
300
+ background: #fff;
283
301
  color: #777;
284
302
  border-color: #e6e6e6;
285
303
  }
package/styles/multicolumn-combobox/bootstrap4.css CHANGED
@@ -207,10 +207,20 @@
207
207
 
208
208
  .e-multicolumn-list .e-popup-footer {
209
209
  vertical-align: middle;
210
- border-top: 1px solid;
210
+ border-style: solid;
211
+ border-width: 1px 0 0 0;
211
212
  font-size: 14px;
212
- height: 38px;
213
- padding: 8px 0;
213
+ height: 26px;
214
+ display: -webkit-box;
215
+ display: -ms-flexbox;
216
+ display: flex;
217
+ -webkit-box-align: center;
218
+ -ms-flex-align: center;
219
+ align-items: center;
220
+ }
221
+
222
+ .e-multicolumn-grid.e-grid {
223
+ border-width: 0;
214
224
  }
215
225
 
216
226
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -286,8 +296,10 @@
286
296
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
287
297
  font-size: 12px;
288
298
  }
299
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
289
300
  .e-small.e-popup .e-multicolumn-grid .e-row,
290
301
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
302
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
291
303
  .e-small .e-popup .e-multicolumn-grid .e-row,
292
304
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
293
305
  height: 24px;
@@ -301,8 +313,10 @@
301
313
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
302
314
  font-size: 16px;
303
315
  }
316
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
304
317
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
305
318
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
319
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
306
320
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
307
321
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
308
322
  height: 32px;
@@ -325,12 +339,16 @@
325
339
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
326
340
  font-size: 14px;
327
341
  }
342
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
328
343
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
329
344
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
345
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
330
346
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
331
347
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
348
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
332
349
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
333
350
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
351
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
334
352
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
335
353
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
336
354
  height: 28px;
@@ -343,7 +361,7 @@
343
361
  }
344
362
 
345
363
  .e-multicolumn-list .e-popup-footer {
346
- background: transparent;
364
+ background: #fff;
347
365
  color: #495057;
348
366
  border-color: #e9ecef;
349
367
  }
package/styles/multicolumn-combobox/bootstrap5-dark.css CHANGED
@@ -211,10 +211,20 @@
211
211
 
212
212
  .e-multicolumn-list .e-popup-footer {
213
213
  vertical-align: middle;
214
- border-top: 1px solid;
214
+ border-style: solid;
215
+ border-width: 1px;
215
216
  font-size: 14px;
216
- height: 38px;
217
- padding: 8px 0;
217
+ height: 30px;
218
+ display: -webkit-box;
219
+ display: -ms-flexbox;
220
+ display: flex;
221
+ -webkit-box-align: center;
222
+ -ms-flex-align: center;
223
+ align-items: center;
224
+ }
225
+
226
+ .e-multicolumn-grid.e-grid {
227
+ border-width: 1px;
218
228
  }
219
229
 
220
230
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -290,8 +300,10 @@
290
300
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
291
301
  font-size: 12px;
292
302
  }
303
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
293
304
  .e-small.e-popup .e-multicolumn-grid .e-row,
294
305
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
306
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
295
307
  .e-small .e-popup .e-multicolumn-grid .e-row,
296
308
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
297
309
  height: 26px;
@@ -305,8 +317,10 @@
305
317
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
306
318
  font-size: 16px;
307
319
  }
320
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
308
321
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
309
322
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
323
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
310
324
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
311
325
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
312
326
  height: 32px;
@@ -329,12 +343,16 @@
329
343
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
330
344
  font-size: 14px;
331
345
  }
346
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
332
347
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
333
348
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
349
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
334
350
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
335
351
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
352
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
336
353
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
337
354
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
355
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
338
356
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
339
357
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
340
358
  height: 30px;
package/styles/multicolumn-combobox/bootstrap5.css CHANGED
@@ -211,10 +211,20 @@
211
211
 
212
212
  .e-multicolumn-list .e-popup-footer {
213
213
  vertical-align: middle;
214
- border-top: 1px solid;
214
+ border-style: solid;
215
+ border-width: 1px;
215
216
  font-size: 14px;
216
- height: 38px;
217
- padding: 8px 0;
217
+ height: 30px;
218
+ display: -webkit-box;
219
+ display: -ms-flexbox;
220
+ display: flex;
221
+ -webkit-box-align: center;
222
+ -ms-flex-align: center;
223
+ align-items: center;
224
+ }
225
+
226
+ .e-multicolumn-grid.e-grid {
227
+ border-width: 1px;
218
228
  }
219
229
 
220
230
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -290,8 +300,10 @@
290
300
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
291
301
  font-size: 12px;
292
302
  }
303
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
293
304
  .e-small.e-popup .e-multicolumn-grid .e-row,
294
305
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
306
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
295
307
  .e-small .e-popup .e-multicolumn-grid .e-row,
296
308
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
297
309
  height: 26px;
@@ -305,8 +317,10 @@
305
317
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
306
318
  font-size: 16px;
307
319
  }
320
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
308
321
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
309
322
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
323
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
310
324
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
311
325
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
312
326
  height: 32px;
@@ -329,12 +343,16 @@
329
343
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
330
344
  font-size: 14px;
331
345
  }
346
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
332
347
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
333
348
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
349
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
334
350
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
335
351
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
352
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
336
353
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
337
354
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
355
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
338
356
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
339
357
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
340
358
  height: 30px;
package/styles/multicolumn-combobox/fabric-dark.css CHANGED
@@ -118,10 +118,20 @@
118
118
 
119
119
  .e-multicolumn-list .e-popup-footer {
120
120
  vertical-align: middle;
121
- border-top: 1px solid;
121
+ border-style: solid;
122
+ border-width: 0 0 0 0;
122
123
  font-size: 14px;
123
- height: 38px;
124
- padding: 8px 0;
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;
125
135
  }
126
136
 
127
137
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -197,8 +207,10 @@
197
207
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
198
208
  font-size: 12px;
199
209
  }
210
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
200
211
  .e-small.e-popup .e-multicolumn-grid .e-row,
201
212
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
213
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
202
214
  .e-small .e-popup .e-multicolumn-grid .e-row,
203
215
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
204
216
  height: 32px;
@@ -212,8 +224,10 @@
212
224
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
213
225
  font-size: 16px;
214
226
  }
227
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
215
228
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
216
229
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
230
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
217
231
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
218
232
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
219
233
  height: 40px;
@@ -236,12 +250,16 @@
236
250
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
237
251
  font-size: 14px;
238
252
  }
253
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
239
254
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
240
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,
241
257
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
242
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,
243
260
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
244
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,
245
263
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
246
264
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
247
265
  height: 38px;
@@ -254,7 +272,7 @@
254
272
  }
255
273
 
256
274
  .e-multicolumn-list .e-popup-footer {
257
- background: transparent;
275
+ background: #282727;
258
276
  color: #0074cc;
259
277
  border-color: #514f4f;
260
278
  }
package/styles/multicolumn-combobox/fabric.css CHANGED
@@ -111,10 +111,20 @@
111
111
 
112
112
  .e-multicolumn-list .e-popup-footer {
113
113
  vertical-align: middle;
114
- border-top: 1px solid;
114
+ border-style: solid;
115
+ border-width: 1px 0 0 0;
115
116
  font-size: 14px;
116
- height: 38px;
117
- padding: 8px 0;
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;
118
128
  }
119
129
 
120
130
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -190,8 +200,10 @@
190
200
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
191
201
  font-size: 12px;
192
202
  }
203
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
193
204
  .e-small.e-popup .e-multicolumn-grid .e-row,
194
205
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
206
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
195
207
  .e-small .e-popup .e-multicolumn-grid .e-row,
196
208
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
197
209
  height: 32px;
@@ -205,8 +217,10 @@
205
217
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
206
218
  font-size: 16px;
207
219
  }
220
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
208
221
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
209
222
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
223
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
210
224
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
211
225
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
212
226
  height: 40px;
@@ -229,12 +243,16 @@
229
243
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
230
244
  font-size: 14px;
231
245
  }
246
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
232
247
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
233
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,
234
250
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
235
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,
236
253
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
237
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,
238
256
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
239
257
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
240
258
  height: 38px;
@@ -247,7 +265,7 @@
247
265
  }
248
266
 
249
267
  .e-multicolumn-list .e-popup-footer {
250
- background: transparent;
268
+ background: #fff;
251
269
  color: #0078d6;
252
270
  border-color: #eaeaea;
253
271
  }