@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
@@ -2,11 +2,6 @@
2
2
  padding: 0 10px 0 0;
3
3
  }
4
4
 
5
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
6
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
7
- padding: 0 12px 0 0;
8
- }
9
-
10
5
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
11
6
  padding: 0 8px 0 0;
12
7
  }
@@ -38,33 +33,6 @@
38
33
  border: 0;
39
34
  }
40
35
 
41
- .e-bigger .e-popup.e-ddl-device-filter {
42
- margin-top: 0;
43
- }
44
-
45
- .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
46
- font-size: 15px;
47
- line-height: 40px;
48
- padding-left: 0;
49
- text-indent: 24px;
50
- }
51
-
52
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
53
- padding-left: 4px;
54
- }
55
-
56
- .e-bigger .e-popup.e-ddl .e-input-group {
57
- padding: 4px 0;
58
- }
59
-
60
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
61
- height: 38px;
62
- }
63
-
64
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
65
- min-height: 40px;
66
- }
67
-
68
36
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
69
37
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
70
38
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -96,29 +64,6 @@
96
64
  border-bottom: 1px solid #484848;
97
65
  }
98
66
 
99
- .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 {
100
- font-size: 14px;
101
- line-height: 34px;
102
- padding-left: 0;
103
- text-indent: 16px;
104
- }
105
-
106
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
107
- padding-left: 4px;
108
- }
109
-
110
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
111
- padding: 4px 0;
112
- }
113
-
114
- .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 {
115
- height: 30px;
116
- }
117
-
118
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
119
- min-height: 34px;
120
- }
121
-
122
67
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
123
68
  content: "\e969";
124
69
  font-family: "e-icons";
@@ -130,6 +75,7 @@
130
75
  }
131
76
 
132
77
  .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
78
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
133
79
  .e-multicolumn-grid td.e-recordplusexpand,
134
80
  .e-multicolumn-grid td.e-indentcell,
135
81
  .e-multicolumn-grid col.e-group-intent,
@@ -137,6 +83,10 @@
137
83
  display: none;
138
84
  }
139
85
 
86
+ .e-multicolumn-grid td.e-rowcell {
87
+ cursor: default;
88
+ }
89
+
140
90
  .e-multicolumn-grid .e-gridheader .e-headercelldiv {
141
91
  overflow: hidden;
142
92
  }
@@ -153,16 +103,27 @@
153
103
  -webkit-box-align: center;
154
104
  -ms-flex-align: center;
155
105
  align-items: center;
106
+ border-radius: 0 0 4px 4px;
156
107
  }
157
108
 
158
109
  .e-multicolumn-grid.e-grid {
159
110
  border-width: 1px;
111
+ border-radius: 4px;
112
+ }
113
+ .e-multicolumn-grid.e-grid .e-gridcontent {
114
+ border-radius: 0 0 4px 4px;
160
115
  }
161
116
 
162
117
  .e-input-group.e-multicolumn-list input[readonly].e-input {
163
118
  pointer-events: none;
164
119
  }
165
120
 
121
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
122
+ border-radius: 4px 4px 0 0;
123
+ }
124
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
125
+ border-radius: 0;
126
+ }
166
127
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
167
128
  -webkit-transform: rotate(180deg);
168
129
  transform: rotate(180deg);
@@ -211,20 +172,25 @@
211
172
  position: sticky;
212
173
  top: 0;
213
174
  z-index: 1;
175
+ border-radius: 4px 4px 0 0;
214
176
  }
215
177
 
216
178
  .e-multicolumn-grid .e-headercontent {
217
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
179
+ border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
218
180
  }
219
181
 
220
182
  .e-multicolumn-grid.e-rtl .e-headercontent {
221
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
183
+ border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
222
184
  }
223
185
 
224
186
  .e-multicolumn-grid .e-content {
225
187
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
226
188
  }
227
189
 
190
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
191
+ position: relative;
192
+ }
193
+
228
194
  .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
229
195
  .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
230
196
  .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -245,57 +211,6 @@
245
211
  margin-top: unset;
246
212
  }
247
213
 
248
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
249
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
250
- font-size: 16px;
251
- }
252
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
253
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
254
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
255
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
256
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
257
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
258
- height: 40px;
259
- }
260
- .e-bigger.e-popup.e-multicolumn-list,
261
- .e-bigger .e-popup.e-multicolumn-list {
262
- margin-top: unset;
263
- }
264
-
265
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
266
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
267
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
268
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
269
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
270
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
271
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
272
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
273
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
274
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
275
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
276
- font-size: 14px;
277
- }
278
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
279
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
280
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
281
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
282
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
283
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
284
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
285
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
286
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
287
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
288
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
289
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
290
- height: 40px;
291
- }
292
- .e-bigger.e-small.e-popup.e-multicolumn-list,
293
- .e-bigger.e-small .e-popup.e-multicolumn-list,
294
- .e-bigger .e-small.e-popup.e-multicolumn-list,
295
- .e-small .e-bigger.e-popup.e-multicolumn-list {
296
- margin-top: unset;
297
- }
298
-
299
214
  .e-multicolumn-list .e-popup-footer {
300
215
  background: #2a2a2a;
301
216
  color: #0070f0;
@@ -342,8 +257,62 @@
342
257
  .e-popup.e-multicolumn-list .e-altrow {
343
258
  background: #393939;
344
259
  }
260
+ .e-popup.e-multicolumn-list .e-grid .e-headercell {
261
+ background-color: unset;
262
+ }
345
263
  .e-popup.e-multicolumn-list .e-headertext,
346
264
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
347
265
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
348
266
  color: #0070f0;
267
+ }
268
+
269
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
270
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
271
+ font-size: 16px;
272
+ }
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
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
277
+ .e-bigger .e-popup .e-multicolumn-grid .e-row,
278
+ .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
279
+ height: 40px;
280
+ }
281
+ .e-bigger.e-popup.e-multicolumn-list,
282
+ .e-bigger .e-popup.e-multicolumn-list {
283
+ margin-top: unset;
284
+ }
285
+
286
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
287
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .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-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
292
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
293
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
294
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
295
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
296
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
297
+ font-size: 14px;
298
+ }
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-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
306
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
307
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
308
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
309
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
310
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
311
+ height: 40px;
312
+ }
313
+ .e-bigger.e-small.e-popup.e-multicolumn-list,
314
+ .e-bigger.e-small .e-popup.e-multicolumn-list,
315
+ .e-bigger .e-small.e-popup.e-multicolumn-list,
316
+ .e-small .e-bigger.e-popup.e-multicolumn-list {
317
+ margin-top: unset;
349
318
  }
@@ -8,3 +8,4 @@
8
8
  @import 'bootstrap-dark-definition.scss';
9
9
  @import 'icons/bootstrap-dark.scss';
10
10
  @import 'all.scss';
11
+ @import 'bigger.scss';
@@ -2,11 +2,6 @@
2
2
  padding: 0 10px 0 0;
3
3
  }
4
4
 
5
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
6
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
7
- padding: 0 12px 0 0;
8
- }
9
-
10
5
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
11
6
  padding: 0 8px 0 0;
12
7
  }
@@ -38,33 +33,6 @@
38
33
  border: 0;
39
34
  }
40
35
 
41
- .e-bigger .e-popup.e-ddl-device-filter {
42
- margin-top: 0;
43
- }
44
-
45
- .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
46
- font-size: 15px;
47
- line-height: 40px;
48
- padding-left: 0;
49
- text-indent: 24px;
50
- }
51
-
52
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
53
- padding-left: 4px;
54
- }
55
-
56
- .e-bigger .e-popup.e-ddl .e-input-group {
57
- padding: 4px 0;
58
- }
59
-
60
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
61
- height: 38px;
62
- }
63
-
64
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
65
- min-height: 40px;
66
- }
67
-
68
36
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
69
37
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
70
38
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -96,29 +64,6 @@
96
64
  border-bottom: 1px solid #ccc;
97
65
  }
98
66
 
99
- .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 {
100
- font-size: 14px;
101
- line-height: 34px;
102
- padding-left: 0;
103
- text-indent: 16px;
104
- }
105
-
106
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
107
- padding-left: 4px;
108
- }
109
-
110
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
111
- padding: 4px 0;
112
- }
113
-
114
- .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 {
115
- height: 30px;
116
- }
117
-
118
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
119
- min-height: 34px;
120
- }
121
-
122
67
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
123
68
  content: "\e969";
124
69
  font-family: "e-icons";
@@ -130,6 +75,7 @@
130
75
  }
131
76
 
132
77
  .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
78
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
133
79
  .e-multicolumn-grid td.e-recordplusexpand,
134
80
  .e-multicolumn-grid td.e-indentcell,
135
81
  .e-multicolumn-grid col.e-group-intent,
@@ -137,6 +83,10 @@
137
83
  display: none;
138
84
  }
139
85
 
86
+ .e-multicolumn-grid td.e-rowcell {
87
+ cursor: default;
88
+ }
89
+
140
90
  .e-multicolumn-grid .e-gridheader .e-headercelldiv {
141
91
  overflow: hidden;
142
92
  }
@@ -153,16 +103,27 @@
153
103
  -webkit-box-align: center;
154
104
  -ms-flex-align: center;
155
105
  align-items: center;
106
+ border-radius: 0 0 4px 4px;
156
107
  }
157
108
 
158
109
  .e-multicolumn-grid.e-grid {
159
110
  border-width: 0;
111
+ border-radius: 4px;
112
+ }
113
+ .e-multicolumn-grid.e-grid .e-gridcontent {
114
+ border-radius: 0 0 4px 4px;
160
115
  }
161
116
 
162
117
  .e-input-group.e-multicolumn-list input[readonly].e-input {
163
118
  pointer-events: none;
164
119
  }
165
120
 
121
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
122
+ border-radius: 4px 4px 0 0;
123
+ }
124
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
125
+ border-radius: 0;
126
+ }
166
127
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
167
128
  -webkit-transform: rotate(180deg);
168
129
  transform: rotate(180deg);
@@ -211,20 +172,25 @@
211
172
  position: sticky;
212
173
  top: 0;
213
174
  z-index: 1;
175
+ border-radius: 4px 4px 0 0;
214
176
  }
215
177
 
216
178
  .e-multicolumn-grid .e-headercontent {
217
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
179
+ border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
218
180
  }
219
181
 
220
182
  .e-multicolumn-grid.e-rtl .e-headercontent {
221
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
183
+ border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
222
184
  }
223
185
 
224
186
  .e-multicolumn-grid .e-content {
225
187
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
226
188
  }
227
189
 
190
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
191
+ position: relative;
192
+ }
193
+
228
194
  .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
229
195
  .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
230
196
  .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -245,57 +211,6 @@
245
211
  margin-top: unset;
246
212
  }
247
213
 
248
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
249
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
250
- font-size: 16px;
251
- }
252
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
253
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
254
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
255
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
256
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
257
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
258
- height: 40px;
259
- }
260
- .e-bigger.e-popup.e-multicolumn-list,
261
- .e-bigger .e-popup.e-multicolumn-list {
262
- margin-top: unset;
263
- }
264
-
265
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
266
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
267
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
268
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
269
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
270
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
271
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
272
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
273
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
274
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
275
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
276
- font-size: 14px;
277
- }
278
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
279
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
280
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
281
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
282
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
283
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
284
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
285
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
286
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
287
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
288
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
289
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
290
- height: 40px;
291
- }
292
- .e-bigger.e-small.e-popup.e-multicolumn-list,
293
- .e-bigger.e-small .e-popup.e-multicolumn-list,
294
- .e-bigger .e-small.e-popup.e-multicolumn-list,
295
- .e-small .e-bigger.e-popup.e-multicolumn-list {
296
- margin-top: unset;
297
- }
298
-
299
214
  .e-multicolumn-list .e-popup-footer {
300
215
  background: #fff;
301
216
  color: #777;
@@ -342,8 +257,62 @@
342
257
  .e-popup.e-multicolumn-list .e-altrow {
343
258
  background: #f8f8f8;
344
259
  }
260
+ .e-popup.e-multicolumn-list .e-grid .e-headercell {
261
+ background-color: unset;
262
+ }
345
263
  .e-popup.e-multicolumn-list .e-headertext,
346
264
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
347
265
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
348
266
  color: #777;
267
+ }
268
+
269
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
270
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
271
+ font-size: 16px;
272
+ }
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
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
277
+ .e-bigger .e-popup .e-multicolumn-grid .e-row,
278
+ .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
279
+ height: 40px;
280
+ }
281
+ .e-bigger.e-popup.e-multicolumn-list,
282
+ .e-bigger .e-popup.e-multicolumn-list {
283
+ margin-top: unset;
284
+ }
285
+
286
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
287
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .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-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
292
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
293
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
294
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
295
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
296
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
297
+ font-size: 14px;
298
+ }
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-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
306
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
307
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
308
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
309
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
310
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
311
+ height: 40px;
312
+ }
313
+ .e-bigger.e-small.e-popup.e-multicolumn-list,
314
+ .e-bigger.e-small .e-popup.e-multicolumn-list,
315
+ .e-bigger .e-small.e-popup.e-multicolumn-list,
316
+ .e-small .e-bigger.e-popup.e-multicolumn-list {
317
+ margin-top: unset;
349
318
  }
@@ -8,3 +8,4 @@
8
8
  @import 'bootstrap-definition.scss';
9
9
  @import 'icons/bootstrap.scss';
10
10
  @import 'all.scss';
11
+ @import 'bigger.scss';