style(next): promoted attributes widget: improve appearance on narrow width

This commit is contained in:
Adorian Doran 2025-02-22 10:19:26 +02:00
parent 7269c1b0aa
commit 6d19e315f4

View File

@ -1848,6 +1848,7 @@ div.promoted-attributes-container {
padding: 6px 0;
gap: 8px;
align-items: stretch;
container-type: inline-size;
}
div.promoted-attributes-container,
@ -1870,6 +1871,13 @@ div.promoted-attribute-cell {
overflow-y: visible;
}
@container (max-width: 400px) {
/* Narrow promoted attributes section */
div.promoted-attribute-cell {
flex-grow: 1;
}
}
/* A promoted attribute card (boolean attribute) */
div.promoted-attribute-cell:has(input[type="checkbox"]):not(:has(.multiplicity > span)) {
/* Checbox attribute, without multiplicity */