@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
@@ -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
  }
@@ -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;
@@ -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;
@@ -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
  }
@@ -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
  }
@@ -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
  }
@@ -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
  }
@@ -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
  }
@@ -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
  }
@@ -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
  }