@syncfusion/ej2-multicolumn-combobox 26.2.12 → 27.1.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/.eslintrc.json +261 -0
  2. package/dist/ej2-multicolumn-combobox.umd.min.js +2 -2
  3. package/dist/ej2-multicolumn-combobox.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-multicolumn-combobox.es2015.js +94 -43
  5. package/dist/es6/ej2-multicolumn-combobox.es2015.js.map +1 -1
  6. package/dist/es6/ej2-multicolumn-combobox.es5.js +94 -40
  7. package/dist/es6/ej2-multicolumn-combobox.es5.js.map +1 -1
  8. package/dist/global/ej2-multicolumn-combobox.min.js +2 -2
  9. package/dist/global/ej2-multicolumn-combobox.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +8 -8
  12. package/src/multicolumn-combobox/multi-column-combo-box-model.d.ts +1 -1
  13. package/src/multicolumn-combobox/multi-column-combo-box.d.ts +4 -2
  14. package/src/multicolumn-combobox/multi-column-combo-box.js +94 -41
  15. package/styles/bootstrap-dark-lite.css +267 -0
  16. package/styles/bootstrap-dark-lite.scss +10 -0
  17. package/styles/bootstrap-dark.css +77 -108
  18. package/styles/bootstrap-dark.scss +1 -0
  19. package/styles/bootstrap-lite.css +267 -0
  20. package/styles/bootstrap-lite.scss +10 -0
  21. package/styles/bootstrap.css +77 -108
  22. package/styles/bootstrap.scss +1 -0
  23. package/styles/bootstrap4-lite.css +309 -0
  24. package/styles/bootstrap4-lite.scss +10 -0
  25. package/styles/bootstrap4.css +78 -131
  26. package/styles/bootstrap4.scss +1 -0
  27. package/styles/bootstrap5-dark-lite.css +317 -0
  28. package/styles/bootstrap5-dark-lite.scss +10 -0
  29. package/styles/bootstrap5-dark.css +78 -127
  30. package/styles/bootstrap5-dark.scss +1 -0
  31. package/styles/bootstrap5-lite.css +317 -0
  32. package/styles/bootstrap5-lite.scss +10 -0
  33. package/styles/bootstrap5.3-lite.css +321 -0
  34. package/styles/bootstrap5.3-lite.scss +10 -0
  35. package/styles/bootstrap5.3.css +372 -0
  36. package/styles/bootstrap5.3.scss +11 -0
  37. package/styles/bootstrap5.css +78 -127
  38. package/styles/bootstrap5.scss +1 -0
  39. package/styles/fabric-dark-lite.css +243 -0
  40. package/styles/fabric-dark-lite.scss +10 -0
  41. package/styles/fabric-dark.css +78 -108
  42. package/styles/fabric-dark.scss +1 -0
  43. package/styles/fabric-lite.css +243 -0
  44. package/styles/fabric-lite.scss +10 -0
  45. package/styles/fabric.css +78 -101
  46. package/styles/fabric.scss +1 -0
  47. package/styles/fluent-dark-lite.css +310 -0
  48. package/styles/fluent-dark-lite.scss +10 -0
  49. package/styles/fluent-dark.css +78 -114
  50. package/styles/fluent-dark.scss +1 -0
  51. package/styles/fluent-lite.css +310 -0
  52. package/styles/fluent-lite.scss +10 -0
  53. package/styles/fluent.css +78 -114
  54. package/styles/fluent.scss +1 -0
  55. package/styles/fluent2-lite.css +314 -0
  56. package/styles/fluent2-lite.scss +10 -0
  57. package/styles/fluent2.css +78 -111
  58. package/styles/fluent2.scss +1 -0
  59. package/styles/highcontrast-light-lite.css +264 -0
  60. package/styles/highcontrast-light-lite.scss +10 -0
  61. package/styles/highcontrast-light.css +78 -98
  62. package/styles/highcontrast-light.scss +1 -0
  63. package/styles/highcontrast-lite.css +268 -0
  64. package/styles/highcontrast-lite.scss +10 -0
  65. package/styles/highcontrast.css +82 -98
  66. package/styles/highcontrast.scss +1 -0
  67. package/styles/material-dark-lite.css +292 -0
  68. package/styles/material-dark-lite.scss +10 -0
  69. package/styles/material-dark.css +78 -92
  70. package/styles/material-dark.scss +1 -0
  71. package/styles/material-lite.css +296 -0
  72. package/styles/material-lite.scss +10 -0
  73. package/styles/material.css +78 -113
  74. package/styles/material.scss +1 -0
  75. package/styles/material3-dark-lite.css +306 -0
  76. package/styles/material3-dark-lite.scss +10 -0
  77. package/styles/material3-dark.css +77 -116
  78. package/styles/material3-dark.scss +1 -0
  79. package/styles/material3-lite.css +308 -0
  80. package/styles/material3-lite.scss +10 -0
  81. package/styles/material3.css +77 -116
  82. package/styles/material3.scss +1 -0
  83. package/styles/multicolumn-combobox/_bds-definition.scss +1 -0
  84. package/styles/multicolumn-combobox/_bigger.scss +37 -0
  85. package/styles/multicolumn-combobox/_bootstrap-dark-definition.scss +1 -0
  86. package/styles/multicolumn-combobox/_bootstrap-definition.scss +1 -0
  87. package/styles/multicolumn-combobox/_bootstrap4-definition.scss +1 -0
  88. package/styles/multicolumn-combobox/_bootstrap5-definition.scss +1 -0
  89. package/styles/multicolumn-combobox/_bootstrap5.3-definition.scss +15 -14
  90. package/styles/multicolumn-combobox/_fabric-dark-definition.scss +1 -0
  91. package/styles/multicolumn-combobox/_fabric-definition.scss +1 -0
  92. package/styles/multicolumn-combobox/_fluent-definition.scss +1 -0
  93. package/styles/multicolumn-combobox/_fluent2-definition.scss +1 -0
  94. package/styles/multicolumn-combobox/_fusionnew-definition.scss +1 -0
  95. package/styles/multicolumn-combobox/_highcontrast-definition.scss +1 -0
  96. package/styles/multicolumn-combobox/_highcontrast-light-definition.scss +1 -0
  97. package/styles/multicolumn-combobox/_layout.scss +34 -33
  98. package/styles/multicolumn-combobox/_material-dark-definition.scss +1 -0
  99. package/styles/multicolumn-combobox/_material-definition.scss +1 -0
  100. package/styles/multicolumn-combobox/_material3-definition.scss +1 -0
  101. package/styles/multicolumn-combobox/_tailwind-definition.scss +1 -0
  102. package/styles/multicolumn-combobox/_theme.scss +3 -0
  103. package/styles/multicolumn-combobox/bootstrap-dark.css +77 -108
  104. package/styles/multicolumn-combobox/bootstrap-dark.scss +1 -0
  105. package/styles/multicolumn-combobox/bootstrap.css +77 -108
  106. package/styles/multicolumn-combobox/bootstrap.scss +1 -0
  107. package/styles/multicolumn-combobox/bootstrap4.css +78 -131
  108. package/styles/multicolumn-combobox/bootstrap4.scss +1 -0
  109. package/styles/multicolumn-combobox/bootstrap5-dark.css +78 -127
  110. package/styles/multicolumn-combobox/bootstrap5-dark.scss +1 -0
  111. package/styles/multicolumn-combobox/bootstrap5.3.css +372 -0
  112. package/styles/multicolumn-combobox/bootstrap5.3.scss +11 -0
  113. package/styles/multicolumn-combobox/bootstrap5.css +78 -127
  114. package/styles/multicolumn-combobox/bootstrap5.scss +1 -0
  115. package/styles/multicolumn-combobox/fabric-dark.css +78 -108
  116. package/styles/multicolumn-combobox/fabric-dark.scss +1 -0
  117. package/styles/multicolumn-combobox/fabric.css +78 -101
  118. package/styles/multicolumn-combobox/fabric.scss +1 -0
  119. package/styles/multicolumn-combobox/fluent-dark.css +78 -114
  120. package/styles/multicolumn-combobox/fluent-dark.scss +1 -0
  121. package/styles/multicolumn-combobox/fluent.css +78 -114
  122. package/styles/multicolumn-combobox/fluent.scss +1 -0
  123. package/styles/multicolumn-combobox/fluent2.css +78 -111
  124. package/styles/multicolumn-combobox/fluent2.scss +1 -0
  125. package/styles/multicolumn-combobox/highcontrast-light.css +78 -98
  126. package/styles/multicolumn-combobox/highcontrast-light.scss +1 -0
  127. package/styles/multicolumn-combobox/highcontrast.css +82 -98
  128. package/styles/multicolumn-combobox/highcontrast.scss +1 -0
  129. package/styles/multicolumn-combobox/material-dark.css +78 -92
  130. package/styles/multicolumn-combobox/material-dark.scss +1 -0
  131. package/styles/multicolumn-combobox/material.css +78 -113
  132. package/styles/multicolumn-combobox/material.scss +1 -0
  133. package/styles/multicolumn-combobox/material3-dark.css +77 -116
  134. package/styles/multicolumn-combobox/material3-dark.scss +1 -0
  135. package/styles/multicolumn-combobox/material3.css +77 -116
  136. package/styles/multicolumn-combobox/material3.scss +1 -0
  137. package/styles/multicolumn-combobox/tailwind-dark.css +78 -111
  138. package/styles/multicolumn-combobox/tailwind-dark.scss +1 -0
  139. package/styles/multicolumn-combobox/tailwind.css +78 -111
  140. package/styles/multicolumn-combobox/tailwind.scss +1 -0
  141. package/styles/tailwind-dark-lite.css +297 -0
  142. package/styles/tailwind-dark-lite.scss +10 -0
  143. package/styles/tailwind-dark.css +78 -111
  144. package/styles/tailwind-dark.scss +1 -0
  145. package/styles/tailwind-lite.css +297 -0
  146. package/styles/tailwind-lite.scss +10 -0
  147. package/styles/tailwind.css +78 -111
  148. package/styles/tailwind.scss +1 -0
  149. package/tslint.json +111 -0
@@ -2,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
  }
@@ -33,33 +28,10 @@
33
28
  border-right-width: 0;
34
29
  }
35
30
 
36
- .e-bigger .e-popup.e-ddl-device-filter {
37
- margin-top: 0;
38
- }
39
-
40
31
  .e-popup.e-ddl .e-dropdownbase {
41
32
  min-height: 26px;
42
33
  }
43
34
 
44
- .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 {
45
- font-size: 15px;
46
- line-height: 45px;
47
- padding-left: 0;
48
- text-indent: 16px;
49
- }
50
-
51
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
52
- padding-left: 4px;
53
- }
54
-
55
- .e-bigger .e-ddl.e-popup .e-input-group {
56
- padding: 4px 0;
57
- }
58
-
59
- .e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
60
- height: 38px;
61
- }
62
-
63
35
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
64
36
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
65
37
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
@@ -68,32 +40,6 @@
68
40
  color: #fff;
69
41
  }
70
42
 
71
- .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,
72
- .e-ddl.e-popup .e-bigger.e-small .e-list-item,
73
- .e-ddl.e-popup .e-bigger.e-small .e-list-group-item,
74
- .e-ddl.e-popup .e-bigger.e-small .e-fixed-head {
75
- font-size: 14px;
76
- line-height: 40px;
77
- padding-left: 0;
78
- text-indent: 16px;
79
- }
80
-
81
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item,
82
- .e-ddl.e-popup .e-bigger.e-small .e-dd-group .e-list-item {
83
- padding-left: 4px;
84
- }
85
-
86
- .e-bigger.e-small .e-ddl.e-popup .e-input-group,
87
- .e-ddl.e-popup .e-bigger.e-small .e-input-group {
88
- padding: 0;
89
- }
90
-
91
- .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,
92
- .e-ddl.e-popup .e-bigger.e-small .e-input-group input,
93
- .e-ddl.e-popup .e-bigger.e-small .e-input-group input.e-input {
94
- height: 34px;
95
- }
96
-
97
43
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
98
44
  content: "\e966";
99
45
  font-family: "e-icons";
@@ -105,6 +51,7 @@
105
51
  }
106
52
 
107
53
  .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
54
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
108
55
  .e-multicolumn-grid td.e-recordplusexpand,
109
56
  .e-multicolumn-grid td.e-indentcell,
110
57
  .e-multicolumn-grid col.e-group-intent,
@@ -112,6 +59,10 @@
112
59
  display: none;
113
60
  }
114
61
 
62
+ .e-multicolumn-grid td.e-rowcell {
63
+ cursor: default;
64
+ }
65
+
115
66
  .e-multicolumn-grid .e-gridheader .e-headercelldiv {
116
67
  overflow: hidden;
117
68
  }
@@ -128,16 +79,27 @@
128
79
  -webkit-box-align: center;
129
80
  -ms-flex-align: center;
130
81
  align-items: center;
82
+ border-radius: 0 0 0 0;
131
83
  }
132
84
 
133
85
  .e-multicolumn-grid.e-grid {
134
86
  border-width: 0;
87
+ border-radius: 0;
88
+ }
89
+ .e-multicolumn-grid.e-grid .e-gridcontent {
90
+ border-radius: 0 0 0 0;
135
91
  }
136
92
 
137
93
  .e-input-group.e-multicolumn-list input[readonly].e-input {
138
94
  pointer-events: none;
139
95
  }
140
96
 
97
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
98
+ border-radius: 0 0 0 0;
99
+ }
100
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
101
+ border-radius: 0;
102
+ }
141
103
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
142
104
  -webkit-transform: rotate(180deg);
143
105
  transform: rotate(180deg);
@@ -168,7 +130,7 @@
168
130
 
169
131
  .e-popup.e-multicolumn-list {
170
132
  position: absolute;
171
- border-radius: 4px;
133
+ border-radius: 0;
172
134
  margin-top: unset;
173
135
  }
174
136
  .e-popup.e-multicolumn-list .e-nodata {
@@ -186,20 +148,25 @@
186
148
  position: sticky;
187
149
  top: 0;
188
150
  z-index: 1;
151
+ border-radius: 0 0 0 0;
189
152
  }
190
153
 
191
154
  .e-multicolumn-grid .e-headercontent {
192
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
155
+ border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
193
156
  }
194
157
 
195
158
  .e-multicolumn-grid.e-rtl .e-headercontent {
196
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
159
+ border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
197
160
  }
198
161
 
199
162
  .e-multicolumn-grid .e-content {
200
163
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
201
164
  }
202
165
 
166
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
167
+ position: relative;
168
+ }
169
+
203
170
  .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
204
171
  .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
205
172
  .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -220,57 +187,6 @@
220
187
  margin-top: unset;
221
188
  }
222
189
 
223
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
224
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
225
- font-size: 16px;
226
- }
227
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
228
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
229
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
230
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
231
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
232
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
233
- height: 40px;
234
- }
235
- .e-bigger.e-popup.e-multicolumn-list,
236
- .e-bigger .e-popup.e-multicolumn-list {
237
- margin-top: unset;
238
- }
239
-
240
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
241
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
242
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
243
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
244
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
245
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
246
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
247
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
248
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
249
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
250
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
251
- font-size: 14px;
252
- }
253
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
254
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
255
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
256
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
257
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
258
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
259
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
260
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
261
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
262
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
263
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
264
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
265
- height: 38px;
266
- }
267
- .e-bigger.e-small.e-popup.e-multicolumn-list,
268
- .e-bigger.e-small .e-popup.e-multicolumn-list,
269
- .e-bigger .e-small.e-popup.e-multicolumn-list,
270
- .e-small .e-bigger.e-popup.e-multicolumn-list {
271
- margin-top: unset;
272
- }
273
-
274
190
  .e-multicolumn-list .e-popup-footer {
275
191
  background: #282727;
276
192
  color: #0074cc;
@@ -317,8 +233,62 @@
317
233
  .e-popup.e-multicolumn-list .e-altrow {
318
234
  background: #414040;
319
235
  }
236
+ .e-popup.e-multicolumn-list .e-grid .e-headercell {
237
+ background-color: unset;
238
+ }
320
239
  .e-popup.e-multicolumn-list .e-headertext,
321
240
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
322
241
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
323
242
  color: #0074cc;
243
+ }
244
+
245
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
246
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
247
+ font-size: 16px;
248
+ }
249
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
250
+ .e-bigger.e-popup .e-multicolumn-grid .e-row,
251
+ .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
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
+ height: 40px;
256
+ }
257
+ .e-bigger.e-popup.e-multicolumn-list,
258
+ .e-bigger .e-popup.e-multicolumn-list {
259
+ margin-top: unset;
260
+ }
261
+
262
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
263
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
264
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
265
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
266
+ .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-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
271
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
272
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
273
+ font-size: 14px;
274
+ }
275
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
276
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
277
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
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-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
285
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
286
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
287
+ height: 38px;
288
+ }
289
+ .e-bigger.e-small.e-popup.e-multicolumn-list,
290
+ .e-bigger.e-small .e-popup.e-multicolumn-list,
291
+ .e-bigger .e-small.e-popup.e-multicolumn-list,
292
+ .e-small .e-bigger.e-popup.e-multicolumn-list {
293
+ margin-top: unset;
324
294
  }
@@ -8,3 +8,4 @@
8
8
  @import 'fabric-dark-definition.scss';
9
9
  @import 'icons/fabric-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
  }
@@ -37,29 +32,6 @@
37
32
  border-right-width: 0;
38
33
  }
39
34
 
40
- .e-bigger .e-popup.e-ddl-device-filter {
41
- margin-top: 0;
42
- }
43
-
44
- .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 {
45
- font-size: 15px;
46
- line-height: 45px;
47
- padding-left: 0;
48
- text-indent: 16px;
49
- }
50
-
51
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
52
- padding-left: 4px;
53
- }
54
-
55
- .e-bigger .e-ddl.e-popup .e-input-group {
56
- padding: 4px 0;
57
- }
58
-
59
- .e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
60
- height: 38px;
61
- }
62
-
63
35
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
64
36
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
65
37
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
@@ -68,25 +40,6 @@
68
40
  color: #333;
69
41
  }
70
42
 
71
- .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 {
72
- font-size: 14px;
73
- line-height: 40px;
74
- padding-left: 0;
75
- text-indent: 16px;
76
- }
77
-
78
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
79
- padding-left: 4px;
80
- }
81
-
82
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
83
- padding: 0;
84
- }
85
-
86
- .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 {
87
- height: 34px;
88
- }
89
-
90
43
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
91
44
  content: "\e966";
92
45
  font-family: "e-icons";
@@ -98,6 +51,7 @@
98
51
  }
99
52
 
100
53
  .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
54
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
101
55
  .e-multicolumn-grid td.e-recordplusexpand,
102
56
  .e-multicolumn-grid td.e-indentcell,
103
57
  .e-multicolumn-grid col.e-group-intent,
@@ -105,6 +59,10 @@
105
59
  display: none;
106
60
  }
107
61
 
62
+ .e-multicolumn-grid td.e-rowcell {
63
+ cursor: default;
64
+ }
65
+
108
66
  .e-multicolumn-grid .e-gridheader .e-headercelldiv {
109
67
  overflow: hidden;
110
68
  }
@@ -121,16 +79,27 @@
121
79
  -webkit-box-align: center;
122
80
  -ms-flex-align: center;
123
81
  align-items: center;
82
+ border-radius: 0 0 0 0;
124
83
  }
125
84
 
126
85
  .e-multicolumn-grid.e-grid {
127
86
  border-width: 1px;
87
+ border-radius: 0;
88
+ }
89
+ .e-multicolumn-grid.e-grid .e-gridcontent {
90
+ border-radius: 0 0 0 0;
128
91
  }
129
92
 
130
93
  .e-input-group.e-multicolumn-list input[readonly].e-input {
131
94
  pointer-events: none;
132
95
  }
133
96
 
97
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
98
+ border-radius: 0 0 0 0;
99
+ }
100
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
101
+ border-radius: 0;
102
+ }
134
103
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
135
104
  -webkit-transform: rotate(180deg);
136
105
  transform: rotate(180deg);
@@ -161,7 +130,7 @@
161
130
 
162
131
  .e-popup.e-multicolumn-list {
163
132
  position: absolute;
164
- border-radius: 4px;
133
+ border-radius: 0;
165
134
  margin-top: unset;
166
135
  }
167
136
  .e-popup.e-multicolumn-list .e-nodata {
@@ -179,20 +148,25 @@
179
148
  position: sticky;
180
149
  top: 0;
181
150
  z-index: 1;
151
+ border-radius: 0 0 0 0;
182
152
  }
183
153
 
184
154
  .e-multicolumn-grid .e-headercontent {
185
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
155
+ border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
186
156
  }
187
157
 
188
158
  .e-multicolumn-grid.e-rtl .e-headercontent {
189
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
159
+ border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
190
160
  }
191
161
 
192
162
  .e-multicolumn-grid .e-content {
193
163
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
194
164
  }
195
165
 
166
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
167
+ position: relative;
168
+ }
169
+
196
170
  .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
197
171
  .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
198
172
  .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -213,57 +187,6 @@
213
187
  margin-top: unset;
214
188
  }
215
189
 
216
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
217
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
218
- font-size: 16px;
219
- }
220
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
221
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
222
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
223
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
224
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
225
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
226
- height: 40px;
227
- }
228
- .e-bigger.e-popup.e-multicolumn-list,
229
- .e-bigger .e-popup.e-multicolumn-list {
230
- margin-top: unset;
231
- }
232
-
233
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
234
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
235
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
236
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
237
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
238
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
239
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
240
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
241
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
242
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
243
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
244
- font-size: 14px;
245
- }
246
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
247
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
248
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
249
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
250
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
251
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
252
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
253
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
254
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
255
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
256
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
257
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
258
- height: 38px;
259
- }
260
- .e-bigger.e-small.e-popup.e-multicolumn-list,
261
- .e-bigger.e-small .e-popup.e-multicolumn-list,
262
- .e-bigger .e-small.e-popup.e-multicolumn-list,
263
- .e-small .e-bigger.e-popup.e-multicolumn-list {
264
- margin-top: unset;
265
- }
266
-
267
190
  .e-multicolumn-list .e-popup-footer {
268
191
  background: #fff;
269
192
  color: #0078d6;
@@ -310,8 +233,62 @@
310
233
  .e-popup.e-multicolumn-list .e-altrow {
311
234
  background: #f8f8f8;
312
235
  }
236
+ .e-popup.e-multicolumn-list .e-grid .e-headercell {
237
+ background-color: unset;
238
+ }
313
239
  .e-popup.e-multicolumn-list .e-headertext,
314
240
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
315
241
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
316
242
  color: #0078d6;
243
+ }
244
+
245
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
246
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
247
+ font-size: 16px;
248
+ }
249
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
250
+ .e-bigger.e-popup .e-multicolumn-grid .e-row,
251
+ .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
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
+ height: 40px;
256
+ }
257
+ .e-bigger.e-popup.e-multicolumn-list,
258
+ .e-bigger .e-popup.e-multicolumn-list {
259
+ margin-top: unset;
260
+ }
261
+
262
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
263
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
264
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
265
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
266
+ .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-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
271
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
272
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
273
+ font-size: 14px;
274
+ }
275
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
276
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
277
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
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-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
285
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
286
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
287
+ height: 38px;
288
+ }
289
+ .e-bigger.e-small.e-popup.e-multicolumn-list,
290
+ .e-bigger.e-small .e-popup.e-multicolumn-list,
291
+ .e-bigger .e-small.e-popup.e-multicolumn-list,
292
+ .e-small .e-bigger.e-popup.e-multicolumn-list {
293
+ margin-top: unset;
317
294
  }
@@ -8,3 +8,4 @@
8
8
  @import 'fabric-definition.scss';
9
9
  @import 'icons/fabric.scss';
10
10
  @import 'all.scss';
11
+ @import 'bigger.scss';