Shell: wide fields take the whole row inside a column group
A multiselect's switch grid or a template's chips squashed into one cell when their group also laid its fields out in columns; they now span the group's full width. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Fable 5.1
parent
f7a2856267
commit
a18d3d35ea
@@ -684,6 +684,10 @@ body.fullscreen #grid { padding-bottom: 0; }
|
|||||||
}
|
}
|
||||||
.tile-settings .field-group-body.is-columns .field { margin-bottom: 0; }
|
.tile-settings .field-group-body.is-columns .field { margin-bottom: 0; }
|
||||||
.tile-settings .field-group-body.is-columns .field-group-help { grid-column: 1 / -1; }
|
.tile-settings .field-group-body.is-columns .field-group-help { grid-column: 1 / -1; }
|
||||||
|
/* a list of switches or a template with its chips is a row of its own, however
|
||||||
|
many columns the group lays its other fields out in */
|
||||||
|
.tile-settings .field-group-body.is-columns .multiselect-field,
|
||||||
|
.tile-settings .field-group-body.is-columns .template-field { grid-column: 1 / -1; }
|
||||||
@container (max-width: 420px) {
|
@container (max-width: 420px) {
|
||||||
.tile-settings .field-group-body.is-columns { grid-template-columns: 1fr 1fr; }
|
.tile-settings .field-group-body.is-columns { grid-template-columns: 1fr 1fr; }
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user