@syncfusion/ej2-multicolumn-combobox 26.1.35 → 26.1.38

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 (58) hide show
  1. package/dist/ej2-multicolumn-combobox.umd.min.js +9 -0
  2. package/dist/global/ej2-multicolumn-combobox.min.js +9 -0
  3. package/dist/global/index.d.ts +9 -0
  4. package/package.json +6 -6
  5. package/styles/bootstrap-dark.css +22 -4
  6. package/styles/bootstrap.css +22 -4
  7. package/styles/bootstrap4.css +22 -4
  8. package/styles/bootstrap5-dark.css +21 -3
  9. package/styles/bootstrap5.css +21 -3
  10. package/styles/fabric-dark.css +22 -4
  11. package/styles/fabric.css +22 -4
  12. package/styles/fluent-dark.css +22 -4
  13. package/styles/fluent.css +22 -4
  14. package/styles/fluent2.css +22 -4
  15. package/styles/highcontrast-light.css +22 -4
  16. package/styles/highcontrast.css +22 -4
  17. package/styles/material-dark.css +22 -4
  18. package/styles/material.css +22 -4
  19. package/styles/material3-dark.css +23 -5
  20. package/styles/material3.css +23 -5
  21. package/styles/multicolumn-combobox/_bds-definition.scss +3 -1
  22. package/styles/multicolumn-combobox/_bootstrap-dark-definition.scss +3 -1
  23. package/styles/multicolumn-combobox/_bootstrap-definition.scss +3 -1
  24. package/styles/multicolumn-combobox/_bootstrap4-definition.scss +3 -1
  25. package/styles/multicolumn-combobox/_bootstrap5-definition.scss +2 -0
  26. package/styles/multicolumn-combobox/_bootstrap5.3-definition.scss +2 -0
  27. package/styles/multicolumn-combobox/_fabric-dark-definition.scss +3 -1
  28. package/styles/multicolumn-combobox/_fabric-definition.scss +3 -1
  29. package/styles/multicolumn-combobox/_fluent-definition.scss +3 -1
  30. package/styles/multicolumn-combobox/_fluent2-definition.scss +3 -1
  31. package/styles/multicolumn-combobox/_fusionnew-definition.scss +3 -1
  32. package/styles/multicolumn-combobox/_highcontrast-definition.scss +3 -1
  33. package/styles/multicolumn-combobox/_highcontrast-light-definition.scss +3 -1
  34. package/styles/multicolumn-combobox/_layout.scss +11 -3
  35. package/styles/multicolumn-combobox/_material-dark-definition.scss +3 -1
  36. package/styles/multicolumn-combobox/_material-definition.scss +3 -1
  37. package/styles/multicolumn-combobox/_material3-definition.scss +4 -2
  38. package/styles/multicolumn-combobox/_tailwind-definition.scss +3 -1
  39. package/styles/multicolumn-combobox/bootstrap-dark.css +22 -4
  40. package/styles/multicolumn-combobox/bootstrap.css +22 -4
  41. package/styles/multicolumn-combobox/bootstrap4.css +22 -4
  42. package/styles/multicolumn-combobox/bootstrap5-dark.css +21 -3
  43. package/styles/multicolumn-combobox/bootstrap5.css +21 -3
  44. package/styles/multicolumn-combobox/fabric-dark.css +22 -4
  45. package/styles/multicolumn-combobox/fabric.css +22 -4
  46. package/styles/multicolumn-combobox/fluent-dark.css +22 -4
  47. package/styles/multicolumn-combobox/fluent.css +22 -4
  48. package/styles/multicolumn-combobox/fluent2.css +22 -4
  49. package/styles/multicolumn-combobox/highcontrast-light.css +22 -4
  50. package/styles/multicolumn-combobox/highcontrast.css +22 -4
  51. package/styles/multicolumn-combobox/material-dark.css +22 -4
  52. package/styles/multicolumn-combobox/material.css +22 -4
  53. package/styles/multicolumn-combobox/material3-dark.css +23 -5
  54. package/styles/multicolumn-combobox/material3.css +23 -5
  55. package/styles/multicolumn-combobox/tailwind-dark.css +22 -4
  56. package/styles/multicolumn-combobox/tailwind.css +22 -4
  57. package/styles/tailwind-dark.css +22 -4
  58. package/styles/tailwind.css +22 -4
package/styles/multicolumn-combobox/material-dark.css CHANGED
@@ -151,10 +151,20 @@
151
151
 
152
152
  .e-multicolumn-list .e-popup-footer {
153
153
  vertical-align: middle;
154
- border-top: 1px solid;
154
+ border-style: solid;
155
+ border-width: 0 0 0 0;
155
156
  font-size: 14px;
156
- height: 38px;
157
- padding: 8px 0;
157
+ height: 36px;
158
+ display: -webkit-box;
159
+ display: -ms-flexbox;
160
+ display: flex;
161
+ -webkit-box-align: center;
162
+ -ms-flex-align: center;
163
+ align-items: center;
164
+ }
165
+
166
+ .e-multicolumn-grid.e-grid {
167
+ border-width: 0;
158
168
  }
159
169
 
160
170
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -230,8 +240,10 @@
230
240
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
231
241
  font-size: 12px;
232
242
  }
243
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
233
244
  .e-small.e-popup .e-multicolumn-grid .e-row,
234
245
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
246
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
235
247
  .e-small .e-popup .e-multicolumn-grid .e-row,
236
248
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
237
249
  height: 36px;
@@ -245,8 +257,10 @@
245
257
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
246
258
  font-size: 16px;
247
259
  }
260
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
248
261
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
249
262
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
263
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
250
264
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
251
265
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
252
266
  height: 48px;
@@ -269,12 +283,16 @@
269
283
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
270
284
  font-size: 14px;
271
285
  }
286
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
272
287
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
273
288
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
289
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
274
290
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
275
291
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
292
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
276
293
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
277
294
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
295
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
278
296
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
279
297
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
280
298
  height: 48px;
@@ -287,7 +305,7 @@
287
305
  }
288
306
 
289
307
  .e-multicolumn-list .e-popup-footer {
290
- background: transperent;
308
+ background: #424242;
291
309
  color: rgba(255, 255, 255, 0.6);
292
310
  border-color: #616161;
293
311
  }
package/styles/multicolumn-combobox/material.css CHANGED
@@ -176,10 +176,20 @@
176
176
 
177
177
  .e-multicolumn-list .e-popup-footer {
178
178
  vertical-align: middle;
179
- border-top: 1px solid;
179
+ border-style: solid;
180
+ border-width: 0 1px 0 1px;
180
181
  font-size: 14px;
181
- height: 38px;
182
- padding: 8px 0;
182
+ height: 36px;
183
+ display: -webkit-box;
184
+ display: -ms-flexbox;
185
+ display: flex;
186
+ -webkit-box-align: center;
187
+ -ms-flex-align: center;
188
+ align-items: center;
189
+ }
190
+
191
+ .e-multicolumn-grid.e-grid {
192
+ border-width: 1px;
183
193
  }
184
194
 
185
195
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -255,8 +265,10 @@
255
265
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
256
266
  font-size: 12px;
257
267
  }
268
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
258
269
  .e-small.e-popup .e-multicolumn-grid .e-row,
259
270
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
271
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
260
272
  .e-small .e-popup .e-multicolumn-grid .e-row,
261
273
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
262
274
  height: 36px;
@@ -270,8 +282,10 @@
270
282
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
271
283
  font-size: 16px;
272
284
  }
285
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
273
286
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
274
287
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
288
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
275
289
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
276
290
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
277
291
  height: 48px;
@@ -294,12 +308,16 @@
294
308
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
295
309
  font-size: 14px;
296
310
  }
311
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
297
312
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
298
313
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
314
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
299
315
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
300
316
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
317
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
301
318
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
302
319
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
320
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
303
321
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
304
322
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
305
323
  height: 48px;
@@ -312,7 +330,7 @@
312
330
  }
313
331
 
314
332
  .e-multicolumn-list .e-popup-footer {
315
- background: transparent;
333
+ background: #fff;
316
334
  color: rgba(0, 0, 0, 0.54);
317
335
  border-color: #e0e0e0;
318
336
  }
package/styles/multicolumn-combobox/material3-dark.css CHANGED
@@ -241,10 +241,20 @@
241
241
 
242
242
  .e-multicolumn-list .e-popup-footer {
243
243
  vertical-align: middle;
244
- border-top: 1px solid;
244
+ border-style: solid;
245
+ border-width: 0 1px 0 1px;
245
246
  font-size: 14px;
246
- height: 38px;
247
- padding: 8px 0;
247
+ height: 32px;
248
+ display: -webkit-box;
249
+ display: -ms-flexbox;
250
+ display: flex;
251
+ -webkit-box-align: center;
252
+ -ms-flex-align: center;
253
+ align-items: center;
254
+ }
255
+
256
+ .e-multicolumn-grid.e-grid {
257
+ border-width: 1px;
248
258
  }
249
259
 
250
260
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -320,8 +330,10 @@
320
330
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
321
331
  font-size: 12px;
322
332
  }
333
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
323
334
  .e-small.e-popup .e-multicolumn-grid .e-row,
324
335
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
336
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
325
337
  .e-small .e-popup .e-multicolumn-grid .e-row,
326
338
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
327
339
  height: 26px;
@@ -335,8 +347,10 @@
335
347
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
336
348
  font-size: 16px;
337
349
  }
350
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
338
351
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
339
352
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
353
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
340
354
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
341
355
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
342
356
  height: 40px;
@@ -359,12 +373,16 @@
359
373
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
360
374
  font-size: 14px;
361
375
  }
376
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
362
377
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
363
378
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
379
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
364
380
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
365
381
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
382
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
366
383
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
367
384
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
385
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
368
386
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
369
387
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
370
388
  height: 36px;
@@ -377,9 +395,9 @@
377
395
  }
378
396
 
379
397
  .e-multicolumn-list .e-popup-footer {
380
- background: transparent;
398
+ background: rgba(var(--color-sf-surface));
381
399
  color: var(--color-sf-on-surface-variant);
382
- border-color: var(--color-sf-outline-variant);
400
+ border-color: rgba(var(--color-sf-outline-variant));
383
401
  }
384
402
 
385
403
  .e-input-group.e-multicolumn-list:focus-visible {
package/styles/multicolumn-combobox/material3.css CHANGED
@@ -297,10 +297,20 @@
297
297
 
298
298
  .e-multicolumn-list .e-popup-footer {
299
299
  vertical-align: middle;
300
- border-top: 1px solid;
300
+ border-style: solid;
301
+ border-width: 0 1px 0 1px;
301
302
  font-size: 14px;
302
- height: 38px;
303
- padding: 8px 0;
303
+ height: 32px;
304
+ display: -webkit-box;
305
+ display: -ms-flexbox;
306
+ display: flex;
307
+ -webkit-box-align: center;
308
+ -ms-flex-align: center;
309
+ align-items: center;
310
+ }
311
+
312
+ .e-multicolumn-grid.e-grid {
313
+ border-width: 1px;
304
314
  }
305
315
 
306
316
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -376,8 +386,10 @@
376
386
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
377
387
  font-size: 12px;
378
388
  }
389
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
379
390
  .e-small.e-popup .e-multicolumn-grid .e-row,
380
391
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
392
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
381
393
  .e-small .e-popup .e-multicolumn-grid .e-row,
382
394
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
383
395
  height: 26px;
@@ -391,8 +403,10 @@
391
403
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
392
404
  font-size: 16px;
393
405
  }
406
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
394
407
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
395
408
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
409
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
396
410
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
397
411
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
398
412
  height: 40px;
@@ -415,12 +429,16 @@
415
429
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
416
430
  font-size: 14px;
417
431
  }
432
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
418
433
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
419
434
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
435
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
420
436
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
421
437
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
438
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
422
439
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
423
440
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
441
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
424
442
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
425
443
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
426
444
  height: 36px;
@@ -433,9 +451,9 @@
433
451
  }
434
452
 
435
453
  .e-multicolumn-list .e-popup-footer {
436
- background: transparent;
454
+ background: rgba(var(--color-sf-surface));
437
455
  color: var(--color-sf-on-surface-variant);
438
- border-color: var(--color-sf-outline-variant);
456
+ border-color: rgba(var(--color-sf-outline-variant));
439
457
  }
440
458
 
441
459
  .e-input-group.e-multicolumn-list:focus-visible {
package/styles/multicolumn-combobox/tailwind-dark.css CHANGED
@@ -175,10 +175,20 @@
175
175
 
176
176
  .e-multicolumn-list .e-popup-footer {
177
177
  vertical-align: middle;
178
- border-top: 1px solid;
178
+ border-style: solid;
179
+ border-width: 0 1px 0 1px;
179
180
  font-size: 14px;
180
- height: 38px;
181
- padding: 8px 0;
181
+ height: 30px;
182
+ display: -webkit-box;
183
+ display: -ms-flexbox;
184
+ display: flex;
185
+ -webkit-box-align: center;
186
+ -ms-flex-align: center;
187
+ align-items: center;
188
+ }
189
+
190
+ .e-multicolumn-grid.e-grid {
191
+ border-width: 1px;
182
192
  }
183
193
 
184
194
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -254,8 +264,10 @@
254
264
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
255
265
  font-size: 12px;
256
266
  }
267
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
257
268
  .e-small.e-popup .e-multicolumn-grid .e-row,
258
269
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
270
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
259
271
  .e-small .e-popup .e-multicolumn-grid .e-row,
260
272
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
261
273
  height: 24px;
@@ -269,8 +281,10 @@
269
281
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
270
282
  font-size: 16px;
271
283
  }
284
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
272
285
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
273
286
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
287
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
274
288
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
275
289
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
276
290
  height: 36px;
@@ -293,12 +307,16 @@
293
307
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
294
308
  font-size: 14px;
295
309
  }
310
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
296
311
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
297
312
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
313
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
298
314
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
299
315
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
316
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
300
317
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
301
318
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
319
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
302
320
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
303
321
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
304
322
  height: 32px;
@@ -311,7 +329,7 @@
311
329
  }
312
330
 
313
331
  .e-multicolumn-list .e-popup-footer {
314
- background: transparent;
332
+ background: #374151;
315
333
  color: #9ca3af;
316
334
  border-color: #4b5563;
317
335
  }
package/styles/multicolumn-combobox/tailwind.css CHANGED
@@ -175,10 +175,20 @@
175
175
 
176
176
  .e-multicolumn-list .e-popup-footer {
177
177
  vertical-align: middle;
178
- border-top: 1px solid;
178
+ border-style: solid;
179
+ border-width: 0 1px 0 1px;
179
180
  font-size: 14px;
180
- height: 38px;
181
- padding: 8px 0;
181
+ height: 30px;
182
+ display: -webkit-box;
183
+ display: -ms-flexbox;
184
+ display: flex;
185
+ -webkit-box-align: center;
186
+ -ms-flex-align: center;
187
+ align-items: center;
188
+ }
189
+
190
+ .e-multicolumn-grid.e-grid {
191
+ border-width: 1px;
182
192
  }
183
193
 
184
194
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -254,8 +264,10 @@
254
264
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
255
265
  font-size: 12px;
256
266
  }
267
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
257
268
  .e-small.e-popup .e-multicolumn-grid .e-row,
258
269
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
270
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
259
271
  .e-small .e-popup .e-multicolumn-grid .e-row,
260
272
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
261
273
  height: 24px;
@@ -269,8 +281,10 @@
269
281
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
270
282
  font-size: 16px;
271
283
  }
284
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
272
285
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
273
286
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
287
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
274
288
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
275
289
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
276
290
  height: 36px;
@@ -293,12 +307,16 @@
293
307
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
294
308
  font-size: 14px;
295
309
  }
310
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
296
311
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
297
312
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
313
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
298
314
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
299
315
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
316
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
300
317
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
301
318
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
319
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
302
320
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
303
321
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
304
322
  height: 32px;
@@ -311,7 +329,7 @@
311
329
  }
312
330
 
313
331
  .e-multicolumn-list .e-popup-footer {
314
- background: transparent;
332
+ background: #fff;
315
333
  color: #6b7280;
316
334
  border-color: #e5e7eb;
317
335
  }
package/styles/tailwind-dark.css CHANGED
@@ -175,10 +175,20 @@
175
175
 
176
176
  .e-multicolumn-list .e-popup-footer {
177
177
  vertical-align: middle;
178
- border-top: 1px solid;
178
+ border-style: solid;
179
+ border-width: 0 1px 0 1px;
179
180
  font-size: 14px;
180
- height: 38px;
181
- padding: 8px 0;
181
+ height: 30px;
182
+ display: -webkit-box;
183
+ display: -ms-flexbox;
184
+ display: flex;
185
+ -webkit-box-align: center;
186
+ -ms-flex-align: center;
187
+ align-items: center;
188
+ }
189
+
190
+ .e-multicolumn-grid.e-grid {
191
+ border-width: 1px;
182
192
  }
183
193
 
184
194
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -254,8 +264,10 @@
254
264
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
255
265
  font-size: 12px;
256
266
  }
267
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
257
268
  .e-small.e-popup .e-multicolumn-grid .e-row,
258
269
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
270
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
259
271
  .e-small .e-popup .e-multicolumn-grid .e-row,
260
272
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
261
273
  height: 24px;
@@ -269,8 +281,10 @@
269
281
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
270
282
  font-size: 16px;
271
283
  }
284
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
272
285
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
273
286
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
287
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
274
288
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
275
289
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
276
290
  height: 36px;
@@ -293,12 +307,16 @@
293
307
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
294
308
  font-size: 14px;
295
309
  }
310
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
296
311
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
297
312
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
313
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
298
314
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
299
315
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
316
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
300
317
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
301
318
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
319
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
302
320
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
303
321
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
304
322
  height: 32px;
@@ -311,7 +329,7 @@
311
329
  }
312
330
 
313
331
  .e-multicolumn-list .e-popup-footer {
314
- background: transparent;
332
+ background: #374151;
315
333
  color: #9ca3af;
316
334
  border-color: #4b5563;
317
335
  }
package/styles/tailwind.css CHANGED
@@ -175,10 +175,20 @@
175
175
 
176
176
  .e-multicolumn-list .e-popup-footer {
177
177
  vertical-align: middle;
178
- border-top: 1px solid;
178
+ border-style: solid;
179
+ border-width: 0 1px 0 1px;
179
180
  font-size: 14px;
180
- height: 38px;
181
- padding: 8px 0;
181
+ height: 30px;
182
+ display: -webkit-box;
183
+ display: -ms-flexbox;
184
+ display: flex;
185
+ -webkit-box-align: center;
186
+ -ms-flex-align: center;
187
+ align-items: center;
188
+ }
189
+
190
+ .e-multicolumn-grid.e-grid {
191
+ border-width: 1px;
182
192
  }
183
193
 
184
194
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -254,8 +264,10 @@
254
264
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
255
265
  font-size: 12px;
256
266
  }
267
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
257
268
  .e-small.e-popup .e-multicolumn-grid .e-row,
258
269
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
270
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
259
271
  .e-small .e-popup .e-multicolumn-grid .e-row,
260
272
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
261
273
  height: 24px;
@@ -269,8 +281,10 @@
269
281
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
270
282
  font-size: 16px;
271
283
  }
284
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
272
285
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
273
286
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
287
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
274
288
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
275
289
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
276
290
  height: 36px;
@@ -293,12 +307,16 @@
293
307
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
294
308
  font-size: 14px;
295
309
  }
310
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
296
311
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
297
312
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
313
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
298
314
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
299
315
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
316
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
300
317
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
301
318
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
319
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
302
320
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
303
321
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
304
322
  height: 32px;
@@ -311,7 +329,7 @@
311
329
  }
312
330
 
313
331
  .e-multicolumn-list .e-popup-footer {
314
- background: transparent;
332
+ background: #fff;
315
333
  color: #6b7280;
316
334
  border-color: #e5e7eb;
317
335
  }