@syncfusion/ej2-react-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 (39) hide show
  1. package/dist/ej2-react-multicolumn-combobox.min.js +9 -0
  2. package/dist/ej2-react-multicolumn-combobox.umd.min.js +9 -0
  3. package/package.json +6 -6
  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 +22 -4
  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 +22 -4
  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/fluent-dark.css CHANGED
@@ -191,10 +191,20 @@
191
191
 
192
192
  .e-multicolumn-list .e-popup-footer {
193
193
  vertical-align: middle;
194
- border-top: 1px solid;
194
+ border-style: solid;
195
+ border-width: 0 1px 0 1px;
195
196
  font-size: 14px;
196
- height: 38px;
197
- padding: 8px 0;
197
+ height: 32px;
198
+ display: -webkit-box;
199
+ display: -ms-flexbox;
200
+ display: flex;
201
+ -webkit-box-align: center;
202
+ -ms-flex-align: center;
203
+ align-items: center;
204
+ }
205
+
206
+ .e-multicolumn-grid.e-grid {
207
+ border-width: 1px;
198
208
  }
199
209
 
200
210
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -270,8 +280,10 @@
270
280
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
271
281
  font-size: 12px;
272
282
  }
283
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
273
284
  .e-small.e-popup .e-multicolumn-grid .e-row,
274
285
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
286
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
275
287
  .e-small .e-popup .e-multicolumn-grid .e-row,
276
288
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
277
289
  height: 26px;
@@ -285,8 +297,10 @@
285
297
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
286
298
  font-size: 16px;
287
299
  }
300
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
288
301
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
289
302
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
303
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
290
304
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
291
305
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
292
306
  height: 40px;
@@ -309,12 +323,16 @@
309
323
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
310
324
  font-size: 14px;
311
325
  }
326
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
312
327
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
313
328
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
329
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
314
330
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
315
331
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
332
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
316
333
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
317
334
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
335
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
318
336
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
319
337
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
320
338
  height: 36px;
@@ -327,7 +345,7 @@
327
345
  }
328
346
 
329
347
  .e-multicolumn-list .e-popup-footer {
330
- background: transparent;
348
+ background: #252423;
331
349
  color: #a19f9d;
332
350
  border-color: #292827;
333
351
  }
package/styles/fluent.css CHANGED
@@ -191,10 +191,20 @@
191
191
 
192
192
  .e-multicolumn-list .e-popup-footer {
193
193
  vertical-align: middle;
194
- border-top: 1px solid;
194
+ border-style: solid;
195
+ border-width: 0 1px 0 1px;
195
196
  font-size: 14px;
196
- height: 38px;
197
- padding: 8px 0;
197
+ height: 32px;
198
+ display: -webkit-box;
199
+ display: -ms-flexbox;
200
+ display: flex;
201
+ -webkit-box-align: center;
202
+ -ms-flex-align: center;
203
+ align-items: center;
204
+ }
205
+
206
+ .e-multicolumn-grid.e-grid {
207
+ border-width: 1px;
198
208
  }
199
209
 
200
210
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -270,8 +280,10 @@
270
280
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
271
281
  font-size: 12px;
272
282
  }
283
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
273
284
  .e-small.e-popup .e-multicolumn-grid .e-row,
274
285
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
286
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
275
287
  .e-small .e-popup .e-multicolumn-grid .e-row,
276
288
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
277
289
  height: 26px;
@@ -285,8 +297,10 @@
285
297
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
286
298
  font-size: 16px;
287
299
  }
300
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
288
301
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
289
302
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
303
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
290
304
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
291
305
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
292
306
  height: 40px;
@@ -309,12 +323,16 @@
309
323
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
310
324
  font-size: 14px;
311
325
  }
326
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
312
327
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
313
328
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
329
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
314
330
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
315
331
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
332
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
316
333
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
317
334
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
335
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
318
336
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
319
337
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
320
338
  height: 36px;
@@ -327,7 +345,7 @@
327
345
  }
328
346
 
329
347
  .e-multicolumn-list .e-popup-footer {
330
- background: transparent;
348
+ background: #fff;
331
349
  color: #605e5c;
332
350
  border-color: #edebe9;
333
351
  }
package/styles/fluent2.css CHANGED
@@ -1220,10 +1220,20 @@
1220
1220
 
1221
1221
  .e-multicolumn-list .e-popup-footer {
1222
1222
  vertical-align: middle;
1223
- border-top: 1px solid;
1223
+ border-style: solid;
1224
+ border-width: 0 1px 0 1px;
1224
1225
  font-size: 14px;
1225
- height: 38px;
1226
- padding: 8px 0;
1226
+ height: 32px;
1227
+ display: -webkit-box;
1228
+ display: -ms-flexbox;
1229
+ display: flex;
1230
+ -webkit-box-align: center;
1231
+ -ms-flex-align: center;
1232
+ align-items: center;
1233
+ }
1234
+
1235
+ .e-multicolumn-grid.e-grid {
1236
+ border-width: 1px;
1227
1237
  }
1228
1238
 
1229
1239
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -1299,8 +1309,10 @@
1299
1309
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
1300
1310
  font-size: 12px;
1301
1311
  }
1312
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
1302
1313
  .e-small.e-popup .e-multicolumn-grid .e-row,
1303
1314
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
1315
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
1304
1316
  .e-small .e-popup .e-multicolumn-grid .e-row,
1305
1317
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
1306
1318
  height: 32px;
@@ -1314,8 +1326,10 @@
1314
1326
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
1315
1327
  font-size: 16px;
1316
1328
  }
1329
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
1317
1330
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
1318
1331
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
1332
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
1319
1333
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
1320
1334
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
1321
1335
  height: 40px;
@@ -1338,12 +1352,16 @@
1338
1352
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
1339
1353
  font-size: 14px;
1340
1354
  }
1355
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
1341
1356
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
1342
1357
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
1358
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
1343
1359
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
1344
1360
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
1361
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
1345
1362
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
1346
1363
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
1364
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
1347
1365
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
1348
1366
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
1349
1367
  height: 40px;
@@ -1356,7 +1374,7 @@
1356
1374
  }
1357
1375
 
1358
1376
  .e-multicolumn-list .e-popup-footer {
1359
- background: transparent;
1377
+ background: var(--color-sf-flyout-bg-color);
1360
1378
  color: var(--color-sf-content-text-color-alt2);
1361
1379
  border-color: var(--color-sf-border-light);
1362
1380
  }
package/styles/highcontrast-light.css CHANGED
@@ -129,10 +129,20 @@
129
129
 
130
130
  .e-multicolumn-list .e-popup-footer {
131
131
  vertical-align: middle;
132
- border-top: 1px solid;
132
+ border-style: solid;
133
+ border-width: 1px;
133
134
  font-size: 14px;
134
- height: 38px;
135
- padding: 8px 0;
135
+ height: 36px;
136
+ display: -webkit-box;
137
+ display: -ms-flexbox;
138
+ display: flex;
139
+ -webkit-box-align: center;
140
+ -ms-flex-align: center;
141
+ align-items: center;
142
+ }
143
+
144
+ .e-multicolumn-grid.e-grid {
145
+ border-width: 1px;
136
146
  }
137
147
 
138
148
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -208,8 +218,10 @@
208
218
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
209
219
  font-size: 12px;
210
220
  }
221
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
211
222
  .e-small.e-popup .e-multicolumn-grid .e-row,
212
223
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
224
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
213
225
  .e-small .e-popup .e-multicolumn-grid .e-row,
214
226
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
215
227
  height: 32px;
@@ -223,8 +235,10 @@
223
235
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
224
236
  font-size: 16px;
225
237
  }
238
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
226
239
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
227
240
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
241
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
228
242
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
229
243
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
230
244
  height: 40px;
@@ -247,12 +261,16 @@
247
261
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
248
262
  font-size: 14px;
249
263
  }
264
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
250
265
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
251
266
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
267
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
252
268
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
253
269
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
270
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
254
271
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
255
272
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
273
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
256
274
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
257
275
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
258
276
  height: 38px;
@@ -265,7 +283,7 @@
265
283
  }
266
284
 
267
285
  .e-multicolumn-list .e-popup-footer {
268
- background: transparent;
286
+ background: #fff;
269
287
  color: #400074;
270
288
  border-color: #4f4f4f;
271
289
  }
package/styles/highcontrast.css CHANGED
@@ -129,10 +129,20 @@
129
129
 
130
130
  .e-multicolumn-list .e-popup-footer {
131
131
  vertical-align: middle;
132
- border-top: 1px solid;
132
+ border-style: solid;
133
+ border-width: 1px;
133
134
  font-size: 14px;
134
- height: 38px;
135
- padding: 8px 0;
135
+ height: 36px;
136
+ display: -webkit-box;
137
+ display: -ms-flexbox;
138
+ display: flex;
139
+ -webkit-box-align: center;
140
+ -ms-flex-align: center;
141
+ align-items: center;
142
+ }
143
+
144
+ .e-multicolumn-grid.e-grid {
145
+ border-width: 1px;
136
146
  }
137
147
 
138
148
  .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -208,8 +218,10 @@
208
218
  .e-small .e-popup.e-multicolumn-list .e-popup-footer {
209
219
  font-size: 12px;
210
220
  }
221
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
211
222
  .e-small.e-popup .e-multicolumn-grid .e-row,
212
223
  .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
224
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
213
225
  .e-small .e-popup .e-multicolumn-grid .e-row,
214
226
  .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
215
227
  height: 32px;
@@ -223,8 +235,10 @@
223
235
  .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
224
236
  font-size: 16px;
225
237
  }
238
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
226
239
  .e-bigger.e-popup .e-multicolumn-grid .e-row,
227
240
  .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
241
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
228
242
  .e-bigger .e-popup .e-multicolumn-grid .e-row,
229
243
  .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
230
244
  height: 40px;
@@ -247,12 +261,16 @@
247
261
  .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
248
262
  font-size: 14px;
249
263
  }
264
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
250
265
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
251
266
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
267
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
252
268
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
253
269
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
270
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
254
271
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
255
272
  .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
273
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
256
274
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
257
275
  .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
258
276
  height: 38px;
@@ -265,7 +283,7 @@
265
283
  }
266
284
 
267
285
  .e-multicolumn-list .e-popup-footer {
268
- background: transparent;
286
+ background: #000;
269
287
  color: #ffd939;
270
288
  border-color: #969696;
271
289
  }
package/styles/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/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/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 {