@syncfusion/ej2-multicolumn-combobox 26.2.12 → 27.1.50

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 (149) hide show
  1. package/.eslintrc.json +261 -0
  2. package/dist/ej2-multicolumn-combobox.umd.min.js +2 -2
  3. package/dist/ej2-multicolumn-combobox.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-multicolumn-combobox.es2015.js +94 -43
  5. package/dist/es6/ej2-multicolumn-combobox.es2015.js.map +1 -1
  6. package/dist/es6/ej2-multicolumn-combobox.es5.js +94 -40
  7. package/dist/es6/ej2-multicolumn-combobox.es5.js.map +1 -1
  8. package/dist/global/ej2-multicolumn-combobox.min.js +2 -2
  9. package/dist/global/ej2-multicolumn-combobox.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +8 -8
  12. package/src/multicolumn-combobox/multi-column-combo-box-model.d.ts +1 -1
  13. package/src/multicolumn-combobox/multi-column-combo-box.d.ts +4 -2
  14. package/src/multicolumn-combobox/multi-column-combo-box.js +94 -41
  15. package/styles/bootstrap-dark-lite.css +267 -0
  16. package/styles/bootstrap-dark-lite.scss +10 -0
  17. package/styles/bootstrap-dark.css +77 -108
  18. package/styles/bootstrap-dark.scss +1 -0
  19. package/styles/bootstrap-lite.css +267 -0
  20. package/styles/bootstrap-lite.scss +10 -0
  21. package/styles/bootstrap.css +77 -108
  22. package/styles/bootstrap.scss +1 -0
  23. package/styles/bootstrap4-lite.css +309 -0
  24. package/styles/bootstrap4-lite.scss +10 -0
  25. package/styles/bootstrap4.css +78 -131
  26. package/styles/bootstrap4.scss +1 -0
  27. package/styles/bootstrap5-dark-lite.css +317 -0
  28. package/styles/bootstrap5-dark-lite.scss +10 -0
  29. package/styles/bootstrap5-dark.css +78 -127
  30. package/styles/bootstrap5-dark.scss +1 -0
  31. package/styles/bootstrap5-lite.css +317 -0
  32. package/styles/bootstrap5-lite.scss +10 -0
  33. package/styles/bootstrap5.3-lite.css +321 -0
  34. package/styles/bootstrap5.3-lite.scss +10 -0
  35. package/styles/bootstrap5.3.css +372 -0
  36. package/styles/bootstrap5.3.scss +11 -0
  37. package/styles/bootstrap5.css +78 -127
  38. package/styles/bootstrap5.scss +1 -0
  39. package/styles/fabric-dark-lite.css +243 -0
  40. package/styles/fabric-dark-lite.scss +10 -0
  41. package/styles/fabric-dark.css +78 -108
  42. package/styles/fabric-dark.scss +1 -0
  43. package/styles/fabric-lite.css +243 -0
  44. package/styles/fabric-lite.scss +10 -0
  45. package/styles/fabric.css +78 -101
  46. package/styles/fabric.scss +1 -0
  47. package/styles/fluent-dark-lite.css +310 -0
  48. package/styles/fluent-dark-lite.scss +10 -0
  49. package/styles/fluent-dark.css +78 -114
  50. package/styles/fluent-dark.scss +1 -0
  51. package/styles/fluent-lite.css +310 -0
  52. package/styles/fluent-lite.scss +10 -0
  53. package/styles/fluent.css +78 -114
  54. package/styles/fluent.scss +1 -0
  55. package/styles/fluent2-lite.css +314 -0
  56. package/styles/fluent2-lite.scss +10 -0
  57. package/styles/fluent2.css +78 -111
  58. package/styles/fluent2.scss +1 -0
  59. package/styles/highcontrast-light-lite.css +264 -0
  60. package/styles/highcontrast-light-lite.scss +10 -0
  61. package/styles/highcontrast-light.css +78 -98
  62. package/styles/highcontrast-light.scss +1 -0
  63. package/styles/highcontrast-lite.css +268 -0
  64. package/styles/highcontrast-lite.scss +10 -0
  65. package/styles/highcontrast.css +82 -98
  66. package/styles/highcontrast.scss +1 -0
  67. package/styles/material-dark-lite.css +292 -0
  68. package/styles/material-dark-lite.scss +10 -0
  69. package/styles/material-dark.css +78 -92
  70. package/styles/material-dark.scss +1 -0
  71. package/styles/material-lite.css +296 -0
  72. package/styles/material-lite.scss +10 -0
  73. package/styles/material.css +78 -113
  74. package/styles/material.scss +1 -0
  75. package/styles/material3-dark-lite.css +306 -0
  76. package/styles/material3-dark-lite.scss +10 -0
  77. package/styles/material3-dark.css +77 -116
  78. package/styles/material3-dark.scss +1 -0
  79. package/styles/material3-lite.css +308 -0
  80. package/styles/material3-lite.scss +10 -0
  81. package/styles/material3.css +77 -116
  82. package/styles/material3.scss +1 -0
  83. package/styles/multicolumn-combobox/_bds-definition.scss +1 -0
  84. package/styles/multicolumn-combobox/_bigger.scss +37 -0
  85. package/styles/multicolumn-combobox/_bootstrap-dark-definition.scss +1 -0
  86. package/styles/multicolumn-combobox/_bootstrap-definition.scss +1 -0
  87. package/styles/multicolumn-combobox/_bootstrap4-definition.scss +1 -0
  88. package/styles/multicolumn-combobox/_bootstrap5-definition.scss +1 -0
  89. package/styles/multicolumn-combobox/_bootstrap5.3-definition.scss +15 -14
  90. package/styles/multicolumn-combobox/_fabric-dark-definition.scss +1 -0
  91. package/styles/multicolumn-combobox/_fabric-definition.scss +1 -0
  92. package/styles/multicolumn-combobox/_fluent-definition.scss +1 -0
  93. package/styles/multicolumn-combobox/_fluent2-definition.scss +1 -0
  94. package/styles/multicolumn-combobox/_fusionnew-definition.scss +1 -0
  95. package/styles/multicolumn-combobox/_highcontrast-definition.scss +1 -0
  96. package/styles/multicolumn-combobox/_highcontrast-light-definition.scss +1 -0
  97. package/styles/multicolumn-combobox/_layout.scss +34 -33
  98. package/styles/multicolumn-combobox/_material-dark-definition.scss +1 -0
  99. package/styles/multicolumn-combobox/_material-definition.scss +1 -0
  100. package/styles/multicolumn-combobox/_material3-definition.scss +1 -0
  101. package/styles/multicolumn-combobox/_tailwind-definition.scss +1 -0
  102. package/styles/multicolumn-combobox/_theme.scss +3 -0
  103. package/styles/multicolumn-combobox/bootstrap-dark.css +77 -108
  104. package/styles/multicolumn-combobox/bootstrap-dark.scss +1 -0
  105. package/styles/multicolumn-combobox/bootstrap.css +77 -108
  106. package/styles/multicolumn-combobox/bootstrap.scss +1 -0
  107. package/styles/multicolumn-combobox/bootstrap4.css +78 -131
  108. package/styles/multicolumn-combobox/bootstrap4.scss +1 -0
  109. package/styles/multicolumn-combobox/bootstrap5-dark.css +78 -127
  110. package/styles/multicolumn-combobox/bootstrap5-dark.scss +1 -0
  111. package/styles/multicolumn-combobox/bootstrap5.3.css +372 -0
  112. package/styles/multicolumn-combobox/bootstrap5.3.scss +11 -0
  113. package/styles/multicolumn-combobox/bootstrap5.css +78 -127
  114. package/styles/multicolumn-combobox/bootstrap5.scss +1 -0
  115. package/styles/multicolumn-combobox/fabric-dark.css +78 -108
  116. package/styles/multicolumn-combobox/fabric-dark.scss +1 -0
  117. package/styles/multicolumn-combobox/fabric.css +78 -101
  118. package/styles/multicolumn-combobox/fabric.scss +1 -0
  119. package/styles/multicolumn-combobox/fluent-dark.css +78 -114
  120. package/styles/multicolumn-combobox/fluent-dark.scss +1 -0
  121. package/styles/multicolumn-combobox/fluent.css +78 -114
  122. package/styles/multicolumn-combobox/fluent.scss +1 -0
  123. package/styles/multicolumn-combobox/fluent2.css +78 -111
  124. package/styles/multicolumn-combobox/fluent2.scss +1 -0
  125. package/styles/multicolumn-combobox/highcontrast-light.css +78 -98
  126. package/styles/multicolumn-combobox/highcontrast-light.scss +1 -0
  127. package/styles/multicolumn-combobox/highcontrast.css +82 -98
  128. package/styles/multicolumn-combobox/highcontrast.scss +1 -0
  129. package/styles/multicolumn-combobox/material-dark.css +78 -92
  130. package/styles/multicolumn-combobox/material-dark.scss +1 -0
  131. package/styles/multicolumn-combobox/material.css +78 -113
  132. package/styles/multicolumn-combobox/material.scss +1 -0
  133. package/styles/multicolumn-combobox/material3-dark.css +77 -116
  134. package/styles/multicolumn-combobox/material3-dark.scss +1 -0
  135. package/styles/multicolumn-combobox/material3.css +77 -116
  136. package/styles/multicolumn-combobox/material3.scss +1 -0
  137. package/styles/multicolumn-combobox/tailwind-dark.css +78 -111
  138. package/styles/multicolumn-combobox/tailwind-dark.scss +1 -0
  139. package/styles/multicolumn-combobox/tailwind.css +78 -111
  140. package/styles/multicolumn-combobox/tailwind.scss +1 -0
  141. package/styles/tailwind-dark-lite.css +297 -0
  142. package/styles/tailwind-dark-lite.scss +10 -0
  143. package/styles/tailwind-dark.css +78 -111
  144. package/styles/tailwind-dark.scss +1 -0
  145. package/styles/tailwind-lite.css +297 -0
  146. package/styles/tailwind-lite.scss +10 -0
  147. package/styles/tailwind.css +78 -111
  148. package/styles/tailwind.scss +1 -0
  149. package/tslint.json +111 -0
@@ -2,15 +2,6 @@
2
2
  padding: 0 8px 0 0;
3
3
  }
4
4
 
5
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
6
- font-size: 16px;
7
- }
8
-
9
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
10
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
11
- padding: 0 12px 0 0;
12
- }
13
-
14
5
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
15
6
  padding: 0 8px 0 0;
16
7
  }
@@ -48,41 +39,6 @@
48
39
  border: 0;
49
40
  }
50
41
 
51
- .e-bigger .e-popup.e-ddl-device-filter {
52
- margin-top: 0;
53
- }
54
-
55
- .e-bigger .e-popup.e-ddl .e-list-item {
56
- font-size: 16px;
57
- line-height: 32px;
58
- padding-left: 0;
59
- text-indent: 24px;
60
- }
61
-
62
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
63
- font-size: 14px;
64
- line-height: 32px;
65
- padding-left: 0;
66
- text-indent: 24px;
67
- }
68
-
69
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
70
- padding-left: 4px;
71
- }
72
-
73
- .e-bigger .e-popup.e-ddl .e-input-group {
74
- padding: 4px 0;
75
- }
76
-
77
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
78
- font-size: 16px;
79
- height: 36px;
80
- }
81
-
82
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
83
- min-height: 40px;
84
- }
85
-
86
42
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
87
43
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
88
44
  background: transparent;
@@ -137,44 +93,11 @@
137
93
  font-size: 12px;
138
94
  }
139
95
 
140
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
141
- .e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
142
- font-size: 14px;
143
- }
144
-
145
96
  .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
146
97
  .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
147
98
  font-size: 10px;
148
99
  }
149
100
 
150
- .e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
151
- .e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
152
- font-size: 12px;
153
- }
154
-
155
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
156
- font-size: 14px;
157
- line-height: 34px;
158
- padding-left: 0;
159
- text-indent: 16px;
160
- }
161
-
162
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
163
- padding-left: 4px;
164
- }
165
-
166
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
167
- padding: 4px 0;
168
- }
169
-
170
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
171
- height: 30px;
172
- }
173
-
174
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
175
- min-height: 34px;
176
- }
177
-
178
101
  .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
179
102
  font-size: 8px;
180
103
  }
@@ -194,6 +117,7 @@
194
117
  }
195
118
 
196
119
  .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
120
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
197
121
  .e-multicolumn-grid td.e-recordplusexpand,
198
122
  .e-multicolumn-grid td.e-indentcell,
199
123
  .e-multicolumn-grid col.e-group-intent,
@@ -201,6 +125,10 @@
201
125
  display: none;
202
126
  }
203
127
 
128
+ .e-multicolumn-grid td.e-rowcell {
129
+ cursor: default;
130
+ }
131
+
204
132
  .e-multicolumn-grid .e-gridheader .e-headercelldiv {
205
133
  overflow: hidden;
206
134
  }
@@ -217,16 +145,27 @@
217
145
  -webkit-box-align: center;
218
146
  -ms-flex-align: center;
219
147
  align-items: center;
148
+ border-radius: 0 0 2px 2px;
220
149
  }
221
150
 
222
151
  .e-multicolumn-grid.e-grid {
223
152
  border-width: 0;
153
+ border-radius: 2px;
154
+ }
155
+ .e-multicolumn-grid.e-grid .e-gridcontent {
156
+ border-radius: 0 0 2px 2px;
224
157
  }
225
158
 
226
159
  .e-input-group.e-multicolumn-list input[readonly].e-input {
227
160
  pointer-events: none;
228
161
  }
229
162
 
163
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
164
+ border-radius: 2px 2px 0 0;
165
+ }
166
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
167
+ border-radius: 0;
168
+ }
230
169
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
231
170
  -webkit-transform: rotate(180deg);
232
171
  transform: rotate(180deg);
@@ -257,7 +196,7 @@
257
196
 
258
197
  .e-popup.e-multicolumn-list {
259
198
  position: absolute;
260
- border-radius: 4px;
199
+ border-radius: 2px;
261
200
  margin-top: 2px;
262
201
  }
263
202
  .e-popup.e-multicolumn-list .e-nodata {
@@ -275,20 +214,25 @@
275
214
  position: sticky;
276
215
  top: 0;
277
216
  z-index: 1;
217
+ border-radius: 2px 2px 0 0;
278
218
  }
279
219
 
280
220
  .e-multicolumn-grid .e-headercontent {
281
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
221
+ border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
282
222
  }
283
223
 
284
224
  .e-multicolumn-grid.e-rtl .e-headercontent {
285
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
225
+ border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
286
226
  }
287
227
 
288
228
  .e-multicolumn-grid .e-content {
289
229
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
290
230
  }
291
231
 
232
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
233
+ position: relative;
234
+ }
235
+
292
236
  .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
293
237
  .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
294
238
  .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -309,57 +253,6 @@
309
253
  margin-top: 3px;
310
254
  }
311
255
 
312
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
313
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
314
- font-size: 16px;
315
- }
316
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
317
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
318
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
319
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
320
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
321
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
322
- height: 32px;
323
- }
324
- .e-bigger.e-popup.e-multicolumn-list,
325
- .e-bigger .e-popup.e-multicolumn-list {
326
- margin-top: 2px;
327
- }
328
-
329
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
330
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
331
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
332
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
333
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
334
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
335
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
336
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
337
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
338
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
339
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
340
- font-size: 14px;
341
- }
342
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
343
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
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,
346
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
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,
349
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
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,
352
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
353
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
354
- height: 28px;
355
- }
356
- .e-bigger.e-small.e-popup.e-multicolumn-list,
357
- .e-bigger.e-small .e-popup.e-multicolumn-list,
358
- .e-bigger .e-small.e-popup.e-multicolumn-list,
359
- .e-small .e-bigger.e-popup.e-multicolumn-list {
360
- margin-top: 3px;
361
- }
362
-
363
256
  .e-multicolumn-list .e-popup-footer {
364
257
  background: #fff;
365
258
  color: #495057;
@@ -406,8 +299,62 @@
406
299
  .e-popup.e-multicolumn-list .e-altrow {
407
300
  background: #f8f9fa;
408
301
  }
302
+ .e-popup.e-multicolumn-list .e-grid .e-headercell {
303
+ background-color: unset;
304
+ }
409
305
  .e-popup.e-multicolumn-list .e-headertext,
410
306
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
411
307
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
412
308
  color: #495057;
309
+ }
310
+
311
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
312
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
313
+ font-size: 16px;
314
+ }
315
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
316
+ .e-bigger.e-popup .e-multicolumn-grid .e-row,
317
+ .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
318
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
319
+ .e-bigger .e-popup .e-multicolumn-grid .e-row,
320
+ .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
321
+ height: 32px;
322
+ }
323
+ .e-bigger.e-popup.e-multicolumn-list,
324
+ .e-bigger .e-popup.e-multicolumn-list {
325
+ margin-top: 2px;
326
+ }
327
+
328
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
329
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
330
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
331
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
332
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
333
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
334
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
335
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
336
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
337
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
338
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
339
+ font-size: 14px;
340
+ }
341
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
342
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
343
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
344
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
345
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
346
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
347
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
348
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
349
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
350
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
351
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
352
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
353
+ height: 28px;
354
+ }
355
+ .e-bigger.e-small.e-popup.e-multicolumn-list,
356
+ .e-bigger.e-small .e-popup.e-multicolumn-list,
357
+ .e-bigger .e-small.e-popup.e-multicolumn-list,
358
+ .e-small .e-bigger.e-popup.e-multicolumn-list {
359
+ margin-top: 3px;
413
360
  }
@@ -8,3 +8,4 @@
8
8
  @import 'bootstrap4-definition.scss';
9
9
  @import 'icons/bootstrap4.scss';
10
10
  @import 'all.scss';
11
+ @import 'bigger.scss';
@@ -10,29 +10,10 @@
10
10
  font-size: 10px;
11
11
  }
12
12
 
13
- .e-bigger .e-dropdownbase .e-list-group-item,
14
- .e-bigger .e-fixed-head,
15
- .e-bigger.e-dropdownbase .e-list-group-item,
16
- .e-bigger.e-fixed-head {
17
- font-size: 14px;
18
- }
19
-
20
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
21
- .e-bigger.e-small .e-fixed-head,
22
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
23
- .e-bigger.e-small.e-fixed-head {
24
- font-size: 12px;
25
- }
26
-
27
13
  .e-dropdownbase .e-list-item .e-list-icon {
28
14
  padding: 0 8px 0 0;
29
15
  }
30
16
 
31
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
32
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
33
- padding: 0 12px 0 0;
34
- }
35
-
36
17
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
37
18
  padding: 0 6px 0 0;
38
19
  }
@@ -64,37 +45,6 @@
64
45
  border: 0;
65
46
  }
66
47
 
67
- .e-bigger .e-popup.e-ddl-device-filter {
68
- margin-top: 0;
69
- }
70
-
71
- .e-bigger .e-popup.e-ddl .e-list-item {
72
- font-size: 16px;
73
- line-height: 32px;
74
- padding-left: 0;
75
- text-indent: 16px;
76
- }
77
-
78
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
79
- font-size: 14px;
80
- line-height: 32px;
81
- padding-left: 0;
82
- text-indent: 16px;
83
- }
84
-
85
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
86
- padding-left: 0;
87
- }
88
-
89
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
90
- font-size: 16px;
91
- height: 36px;
92
- }
93
-
94
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
95
- min-height: 40px;
96
- }
97
-
98
48
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
99
49
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
100
50
  background: transparent;
@@ -164,29 +114,6 @@
164
114
  font-size: 14px;
165
115
  }
166
116
 
167
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
168
- font-size: 16px;
169
- }
170
-
171
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
172
- font-size: 14px;
173
- line-height: 34px;
174
- padding-left: 0;
175
- text-indent: 16px;
176
- }
177
-
178
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
179
- padding-left: 4px;
180
- }
181
-
182
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
183
- height: 30px;
184
- }
185
-
186
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
187
- min-height: 34px;
188
- }
189
-
190
117
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
191
118
  content: "\e729";
192
119
  font-family: "e-icons";
@@ -198,6 +125,7 @@
198
125
  }
199
126
 
200
127
  .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
128
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
201
129
  .e-multicolumn-grid td.e-recordplusexpand,
202
130
  .e-multicolumn-grid td.e-indentcell,
203
131
  .e-multicolumn-grid col.e-group-intent,
@@ -205,6 +133,10 @@
205
133
  display: none;
206
134
  }
207
135
 
136
+ .e-multicolumn-grid td.e-rowcell {
137
+ cursor: default;
138
+ }
139
+
208
140
  .e-multicolumn-grid .e-gridheader .e-headercelldiv {
209
141
  overflow: hidden;
210
142
  }
@@ -221,16 +153,27 @@
221
153
  -webkit-box-align: center;
222
154
  -ms-flex-align: center;
223
155
  align-items: center;
156
+ border-radius: 0 0 2px 2px;
224
157
  }
225
158
 
226
159
  .e-multicolumn-grid.e-grid {
227
160
  border-width: 1px;
161
+ border-radius: 2px;
162
+ }
163
+ .e-multicolumn-grid.e-grid .e-gridcontent {
164
+ border-radius: 0 0 2px 2px;
228
165
  }
229
166
 
230
167
  .e-input-group.e-multicolumn-list input[readonly].e-input {
231
168
  pointer-events: none;
232
169
  }
233
170
 
171
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
172
+ border-radius: 2px 2px 0 0;
173
+ }
174
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
175
+ border-radius: 0;
176
+ }
234
177
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
235
178
  -webkit-transform: rotate(180deg);
236
179
  transform: rotate(180deg);
@@ -261,7 +204,7 @@
261
204
 
262
205
  .e-popup.e-multicolumn-list {
263
206
  position: absolute;
264
- border-radius: 4px;
207
+ border-radius: 2px;
265
208
  margin-top: 3px;
266
209
  }
267
210
  .e-popup.e-multicolumn-list .e-nodata {
@@ -279,20 +222,25 @@
279
222
  position: sticky;
280
223
  top: 0;
281
224
  z-index: 1;
225
+ border-radius: 2px 2px 0 0;
282
226
  }
283
227
 
284
228
  .e-multicolumn-grid .e-headercontent {
285
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
229
+ border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
286
230
  }
287
231
 
288
232
  .e-multicolumn-grid.e-rtl .e-headercontent {
289
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
233
+ border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
290
234
  }
291
235
 
292
236
  .e-multicolumn-grid .e-content {
293
237
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
294
238
  }
295
239
 
240
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
241
+ position: relative;
242
+ }
243
+
296
244
  .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
297
245
  .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
298
246
  .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -313,57 +261,6 @@
313
261
  margin-top: 3px;
314
262
  }
315
263
 
316
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
317
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
318
- font-size: 16px;
319
- }
320
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
321
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
322
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
323
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
324
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
325
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
326
- height: 32px;
327
- }
328
- .e-bigger.e-popup.e-multicolumn-list,
329
- .e-bigger .e-popup.e-multicolumn-list {
330
- margin-top: 4px;
331
- }
332
-
333
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
334
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
335
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
336
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
337
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
338
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
339
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
340
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
341
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
342
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
343
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
344
- font-size: 14px;
345
- }
346
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
347
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
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,
350
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
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,
353
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
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,
356
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
357
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
358
- height: 30px;
359
- }
360
- .e-bigger.e-small.e-popup.e-multicolumn-list,
361
- .e-bigger.e-small .e-popup.e-multicolumn-list,
362
- .e-bigger .e-small.e-popup.e-multicolumn-list,
363
- .e-small .e-bigger.e-popup.e-multicolumn-list {
364
- margin-top: 4px;
365
- }
366
-
367
264
  .e-multicolumn-list .e-popup-footer {
368
265
  background: #212529;
369
266
  color: #7b848d;
@@ -410,8 +307,62 @@
410
307
  .e-popup.e-multicolumn-list .e-altrow {
411
308
  background: #282d31;
412
309
  }
310
+ .e-popup.e-multicolumn-list .e-grid .e-headercell {
311
+ background-color: unset;
312
+ }
413
313
  .e-popup.e-multicolumn-list .e-headertext,
414
314
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
415
315
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
416
316
  color: #fff;
317
+ }
318
+
319
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
320
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
321
+ font-size: 16px;
322
+ }
323
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
324
+ .e-bigger.e-popup .e-multicolumn-grid .e-row,
325
+ .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
326
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
327
+ .e-bigger .e-popup .e-multicolumn-grid .e-row,
328
+ .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
329
+ height: 32px;
330
+ }
331
+ .e-bigger.e-popup.e-multicolumn-list,
332
+ .e-bigger .e-popup.e-multicolumn-list {
333
+ margin-top: 4px;
334
+ }
335
+
336
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
337
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
338
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
339
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
340
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
341
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
342
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
343
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
344
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
345
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
346
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
347
+ font-size: 14px;
348
+ }
349
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
350
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
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,
353
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
354
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
355
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
356
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
357
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
358
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
359
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
360
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
361
+ height: 30px;
362
+ }
363
+ .e-bigger.e-small.e-popup.e-multicolumn-list,
364
+ .e-bigger.e-small .e-popup.e-multicolumn-list,
365
+ .e-bigger .e-small.e-popup.e-multicolumn-list,
366
+ .e-small .e-bigger.e-popup.e-multicolumn-list {
367
+ margin-top: 4px;
417
368
  }
@@ -8,3 +8,4 @@
8
8
  @import 'bootstrap5-dark-definition.scss';
9
9
  @import 'icons/bootstrap5-dark.scss';
10
10
  @import 'all.scss';
11
+ @import 'bigger.scss';