@webority/theme 0.6.10 → 0.6.12
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.
- package/dist/webority-theme.css +1 -1
- package/package.json +1 -1
- package/scss/wui/_choice.scss +299 -0
- package/scss/wui/_controls.scss +131 -1
- package/scss/wui/_display.scss +73 -2
- package/scss/wui/_navigation.scss +71 -2
- package/scss/wui/_typography.scss +18 -2
|
@@ -221,7 +221,7 @@
|
|
|
221
221
|
|
|
222
222
|
/* ── Multi-select (chips in the control; check-list dropdown; extends .search-select) ── */
|
|
223
223
|
.search-select-multi {
|
|
224
|
-
align-items:
|
|
224
|
+
align-items: center;
|
|
225
225
|
gap: 6px;
|
|
226
226
|
min-height: 40px;
|
|
227
227
|
height: auto;
|
|
@@ -237,7 +237,21 @@
|
|
|
237
237
|
min-width: 0;
|
|
238
238
|
align-items: center;
|
|
239
239
|
}
|
|
240
|
-
|
|
240
|
+
// Collapse mode (collapse-chips): chips stay on one row; the JS folds the overflow into
|
|
241
|
+
// a "+N" counter (see WuiMultiSelect._collapseChips).
|
|
242
|
+
wui-multiselect[collapse-chips] .ms-chips {
|
|
243
|
+
flex-wrap: nowrap;
|
|
244
|
+
overflow: hidden;
|
|
245
|
+
}
|
|
246
|
+
.chip-more {
|
|
247
|
+
flex-shrink: 0;
|
|
248
|
+
background: var(--color-primary-soft);
|
|
249
|
+
border-color: transparent;
|
|
250
|
+
color: var(--color-primary);
|
|
251
|
+
font-weight: 600;
|
|
252
|
+
}
|
|
253
|
+
.search-select-multi .search-select-caret,
|
|
254
|
+
.search-select-multi .search-select-icon {
|
|
241
255
|
align-self: center;
|
|
242
256
|
}
|
|
243
257
|
.ms-check {
|
|
@@ -253,9 +267,11 @@
|
|
|
253
267
|
opacity: 1;
|
|
254
268
|
}
|
|
255
269
|
.ms-opt-label {
|
|
270
|
+
flex: 1;
|
|
256
271
|
min-width: 0;
|
|
257
272
|
overflow: hidden;
|
|
258
273
|
text-overflow: ellipsis;
|
|
274
|
+
text-align: left;
|
|
259
275
|
}
|
|
260
276
|
.search-select-multi .search-select-option {
|
|
261
277
|
display: flex;
|