@syncfusion/ej2-multicolumn-combobox 26.2.12 → 27.1.48

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 +9 -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
@@ -22,32 +22,10 @@
22
22
  font-size: 10px;
23
23
  }
24
24
 
25
- .e-bigger .e-dropdownbase .e-list-group-item,
26
- .e-bigger .e-fixed-head,
27
- .e-bigger.e-dropdownbase .e-list-group-item,
28
- .e-bigger.e-fixed-head {
29
- font-size: 14px;
30
- }
31
-
32
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
33
- .e-bigger.e-small .e-fixed-head,
34
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
35
- .e-bigger.e-small.e-fixed-head {
36
- font-size: 12px;
37
- }
38
-
39
25
  .e-dropdownbase .e-list-item .e-list-icon {
40
26
  padding: 0 8px 0 0;
41
27
  }
42
28
 
43
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
44
- padding: 0 12px 0 0;
45
- }
46
-
47
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
48
- padding: 0 8px 0 0;
49
- }
50
-
51
29
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
52
30
  padding: 0 4px 0 0;
53
31
  }
@@ -95,7 +73,7 @@
95
73
 
96
74
  .e-ddl.e-popup {
97
75
  border: 0;
98
- border-radius: 8px;
76
+ border-radius: 4px;
99
77
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
100
78
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
101
79
  margin-top: 4px;
@@ -107,46 +85,11 @@
107
85
  margin-top: 2px;
108
86
  }
109
87
 
110
- .e-bigger .e-ddl.e-popup,
111
- .e-bigger.e-ddl.e-popup {
112
- border-radius: 8px;
113
- margin-top: 8px;
114
- }
115
-
116
- .e-bigger.e-small .e-ddl.e-popup,
117
- .e-small.e-bigger.e-ddl.e-popup {
118
- border-radius: 8px;
119
- margin-top: 6px;
120
- }
121
-
122
88
  .e-popup.e-ddl .e-dropdownbase {
123
89
  min-height: 26px;
124
90
  padding: 6px 4px;
125
91
  }
126
92
 
127
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
128
- border-color: var(--color-sf-border-light);
129
- }
130
-
131
- .e-bigger .e-popup.e-ddl-device-filter {
132
- margin-top: 0;
133
- }
134
-
135
- .e-bigger .e-ddl-device .e-input-group,
136
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
137
- background: var(--color-sf-flyout-bg-color);
138
- border-width: 0;
139
- -webkit-box-shadow: none;
140
- box-shadow: none;
141
- margin-bottom: 0;
142
- }
143
-
144
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
145
- .e-bigger .e-ddl-device .e-input-group input.e-input,
146
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
147
- background-color: var(--color-sf-flyout-bg-color);
148
- }
149
-
150
93
  .e-input-group.e-ddl,
151
94
  .e-input-group.e-ddl .e-input,
152
95
  .e-input-group.e-ddl .e-ddl-icon {
@@ -179,6 +122,7 @@
179
122
  }
180
123
 
181
124
  .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
125
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
182
126
  .e-multicolumn-grid td.e-recordplusexpand,
183
127
  .e-multicolumn-grid td.e-indentcell,
184
128
  .e-multicolumn-grid col.e-group-intent,
@@ -186,6 +130,10 @@
186
130
  display: none;
187
131
  }
188
132
 
133
+ .e-multicolumn-grid td.e-rowcell {
134
+ cursor: default;
135
+ }
136
+
189
137
  .e-multicolumn-grid .e-gridheader .e-headercelldiv {
190
138
  overflow: hidden;
191
139
  }
@@ -202,16 +150,27 @@
202
150
  -webkit-box-align: center;
203
151
  -ms-flex-align: center;
204
152
  align-items: center;
153
+ border-radius: 0 0 4px 4px;
205
154
  }
206
155
 
207
156
  .e-multicolumn-grid.e-grid {
208
157
  border-width: 1px;
158
+ border-radius: 4px;
159
+ }
160
+ .e-multicolumn-grid.e-grid .e-gridcontent {
161
+ border-radius: 0 0 4px 4px;
209
162
  }
210
163
 
211
164
  .e-input-group.e-multicolumn-list input[readonly].e-input {
212
165
  pointer-events: none;
213
166
  }
214
167
 
168
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
169
+ border-radius: 4px 4px 0 0;
170
+ }
171
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
172
+ border-radius: 0;
173
+ }
215
174
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
216
175
  -webkit-transform: rotate(180deg);
217
176
  transform: rotate(180deg);
@@ -260,20 +219,25 @@
260
219
  position: sticky;
261
220
  top: 0;
262
221
  z-index: 1;
222
+ border-radius: 4px 4px 0 0;
263
223
  }
264
224
 
265
225
  .e-multicolumn-grid .e-headercontent {
266
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
226
+ border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
267
227
  }
268
228
 
269
229
  .e-multicolumn-grid.e-rtl .e-headercontent {
270
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
230
+ border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
271
231
  }
272
232
 
273
233
  .e-multicolumn-grid .e-content {
274
234
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
275
235
  }
276
236
 
237
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
238
+ position: relative;
239
+ }
240
+
277
241
  .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
278
242
  .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
279
243
  .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -294,57 +258,6 @@
294
258
  margin-top: unset;
295
259
  }
296
260
 
297
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
298
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
299
- font-size: 16px;
300
- }
301
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
302
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
303
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
304
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
305
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
306
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
307
- height: 40px;
308
- }
309
- .e-bigger.e-popup.e-multicolumn-list,
310
- .e-bigger .e-popup.e-multicolumn-list {
311
- margin-top: unset;
312
- }
313
-
314
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
315
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
316
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
317
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
318
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
319
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
320
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
321
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
322
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
323
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
324
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
325
- font-size: 14px;
326
- }
327
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
328
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
329
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
330
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
331
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
332
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
333
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
334
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
335
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
336
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
337
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
338
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
339
- height: 40px;
340
- }
341
- .e-bigger.e-small.e-popup.e-multicolumn-list,
342
- .e-bigger.e-small .e-popup.e-multicolumn-list,
343
- .e-bigger .e-small.e-popup.e-multicolumn-list,
344
- .e-small .e-bigger.e-popup.e-multicolumn-list {
345
- margin-top: unset;
346
- }
347
-
348
261
  .e-multicolumn-list .e-popup-footer {
349
262
  background: var(--color-sf-flyout-bg-color);
350
263
  color: var(--color-sf-content-text-color-alt2);
@@ -391,8 +304,62 @@
391
304
  .e-popup.e-multicolumn-list .e-altrow {
392
305
  background: var(--color-sf-content-bg-color-alt2);
393
306
  }
307
+ .e-popup.e-multicolumn-list .e-grid .e-headercell {
308
+ background-color: unset;
309
+ }
394
310
  .e-popup.e-multicolumn-list .e-headertext,
395
311
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
396
312
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
397
313
  color: var(--color-sf-content-text-color);
314
+ }
315
+
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: 40px;
327
+ }
328
+ .e-bigger.e-popup.e-multicolumn-list,
329
+ .e-bigger .e-popup.e-multicolumn-list {
330
+ margin-top: unset;
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: 40px;
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: unset;
398
365
  }
@@ -8,3 +8,4 @@
8
8
  @import 'fluent2-definition.scss';
9
9
  @import 'icons/fluent2.scss';
10
10
  @import 'all.scss';
11
+ @import 'bigger.scss';
@@ -1,9 +1,6 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
2
  padding: 0 10px 0 0;
3
3
  }
4
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
5
- padding: 0 12px 0 0;
6
- }
7
4
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
8
5
  border: 2px solid #000;
9
6
  }
@@ -21,14 +18,6 @@
21
18
  padding: 0 8px 0 0;
22
19
  }
23
20
 
24
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
25
- padding: 0 12px 0 0;
26
- }
27
-
28
- .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
29
- height: 36px;
30
- }
31
-
32
21
  .e-popup.e-ddl .e-dropdownbase {
33
22
  min-height: 26px;
34
23
  }
@@ -71,39 +60,6 @@
71
60
  .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
72
61
  border-color: #000;
73
62
  }
74
- .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
75
- margin-top: 0;
76
- }
77
- .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
78
- font-size: 15px;
79
- line-height: 45px;
80
- padding-left: 0;
81
- text-indent: 16px;
82
- }
83
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
84
- padding-left: 4px;
85
- }
86
- .e-bigger .e-ddl.e-popup .e-input-group {
87
- padding: 4px 0;
88
- }
89
- .e-bigger .e-ddl.e-popup .e-input-group input {
90
- height: 30px;
91
- }
92
- .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 {
93
- font-size: 14px;
94
- line-height: 40px;
95
- padding-left: 0;
96
- text-indent: 16px;
97
- }
98
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
99
- padding-left: 4px;
100
- }
101
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
102
- padding: 0;
103
- }
104
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
105
- height: 34px;
106
- }
107
63
 
108
64
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
109
65
  content: "\e966";
@@ -116,6 +72,7 @@
116
72
  }
117
73
 
118
74
  .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
75
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
119
76
  .e-multicolumn-grid td.e-recordplusexpand,
120
77
  .e-multicolumn-grid td.e-indentcell,
121
78
  .e-multicolumn-grid col.e-group-intent,
@@ -123,6 +80,10 @@
123
80
  display: none;
124
81
  }
125
82
 
83
+ .e-multicolumn-grid td.e-rowcell {
84
+ cursor: default;
85
+ }
86
+
126
87
  .e-multicolumn-grid .e-gridheader .e-headercelldiv {
127
88
  overflow: hidden;
128
89
  }
@@ -139,16 +100,27 @@
139
100
  -webkit-box-align: center;
140
101
  -ms-flex-align: center;
141
102
  align-items: center;
103
+ border-radius: 0 0 0 0;
142
104
  }
143
105
 
144
106
  .e-multicolumn-grid.e-grid {
145
107
  border-width: 1px;
108
+ border-radius: 0;
109
+ }
110
+ .e-multicolumn-grid.e-grid .e-gridcontent {
111
+ border-radius: 0 0 0 0;
146
112
  }
147
113
 
148
114
  .e-input-group.e-multicolumn-list input[readonly].e-input {
149
115
  pointer-events: none;
150
116
  }
151
117
 
118
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
119
+ border-radius: 0 0 0 0;
120
+ }
121
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
122
+ border-radius: 0;
123
+ }
152
124
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
153
125
  -webkit-transform: rotate(180deg);
154
126
  transform: rotate(180deg);
@@ -179,7 +151,7 @@
179
151
 
180
152
  .e-popup.e-multicolumn-list {
181
153
  position: absolute;
182
- border-radius: 4px;
154
+ border-radius: 0;
183
155
  margin-top: unset;
184
156
  }
185
157
  .e-popup.e-multicolumn-list .e-nodata {
@@ -197,20 +169,25 @@
197
169
  position: sticky;
198
170
  top: 0;
199
171
  z-index: 1;
172
+ border-radius: 0 0 0 0;
200
173
  }
201
174
 
202
175
  .e-multicolumn-grid .e-headercontent {
203
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
176
+ border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
204
177
  }
205
178
 
206
179
  .e-multicolumn-grid.e-rtl .e-headercontent {
207
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
180
+ border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
208
181
  }
209
182
 
210
183
  .e-multicolumn-grid .e-content {
211
184
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
212
185
  }
213
186
 
187
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
188
+ position: relative;
189
+ }
190
+
214
191
  .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
215
192
  .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
216
193
  .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -231,57 +208,6 @@
231
208
  margin-top: unset;
232
209
  }
233
210
 
234
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
235
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
236
- font-size: 16px;
237
- }
238
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
239
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
240
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
241
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
242
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
243
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
244
- height: 40px;
245
- }
246
- .e-bigger.e-popup.e-multicolumn-list,
247
- .e-bigger .e-popup.e-multicolumn-list {
248
- margin-top: unset;
249
- }
250
-
251
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
252
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
253
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
254
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
255
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
256
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
257
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
258
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
259
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
260
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
261
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
262
- font-size: 14px;
263
- }
264
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
265
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
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,
268
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
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,
271
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
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,
274
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
275
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
276
- height: 38px;
277
- }
278
- .e-bigger.e-small.e-popup.e-multicolumn-list,
279
- .e-bigger.e-small .e-popup.e-multicolumn-list,
280
- .e-bigger .e-small.e-popup.e-multicolumn-list,
281
- .e-small .e-bigger.e-popup.e-multicolumn-list {
282
- margin-top: unset;
283
- }
284
-
285
211
  .e-multicolumn-list .e-popup-footer {
286
212
  background: #fff;
287
213
  color: #400074;
@@ -328,8 +254,62 @@
328
254
  .e-popup.e-multicolumn-list .e-altrow {
329
255
  background: #e4e4e4;
330
256
  }
257
+ .e-popup.e-multicolumn-list .e-grid .e-headercell {
258
+ background-color: unset;
259
+ }
331
260
  .e-popup.e-multicolumn-list .e-headertext,
332
261
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
333
262
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
334
263
  color: #400074;
264
+ }
265
+
266
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
267
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
268
+ font-size: 16px;
269
+ }
270
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
271
+ .e-bigger.e-popup .e-multicolumn-grid .e-row,
272
+ .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
273
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
274
+ .e-bigger .e-popup .e-multicolumn-grid .e-row,
275
+ .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
276
+ height: 40px;
277
+ }
278
+ .e-bigger.e-popup.e-multicolumn-list,
279
+ .e-bigger .e-popup.e-multicolumn-list {
280
+ margin-top: unset;
281
+ }
282
+
283
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
284
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
285
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
286
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
287
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
288
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
289
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
290
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
291
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
292
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
293
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
294
+ font-size: 14px;
295
+ }
296
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
297
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
298
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
299
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
300
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
301
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
302
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
303
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
304
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
305
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
306
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
307
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
308
+ height: 38px;
309
+ }
310
+ .e-bigger.e-small.e-popup.e-multicolumn-list,
311
+ .e-bigger.e-small .e-popup.e-multicolumn-list,
312
+ .e-bigger .e-small.e-popup.e-multicolumn-list,
313
+ .e-small .e-bigger.e-popup.e-multicolumn-list {
314
+ margin-top: unset;
335
315
  }
@@ -8,3 +8,4 @@
8
8
  @import 'highcontrast-light-definition.scss';
9
9
  @import 'icons/highcontrast-light.scss';
10
10
  @import 'all.scss';
11
+ @import 'bigger.scss';