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