fix(ui): align settings page headline with the content column (#106521)

The settings shell capped page headers at 1120px while narrow settings
pages use a 760px column, leaving the title floating left of the
content. The header now adopts the column width of the page below it
(760px default, 1120px for wide pages); fill-height surfaces without a
settings-page column are unchanged.
This commit is contained in:
Peter Steinberger
2026-07-13 08:51:42 -07:00
committed by GitHub
parent f0fe068da7
commit abf4e86ea6

View File

@@ -46,6 +46,20 @@
flex-direction: column;
}
/* The page headline adopts the column of the page below it; without this the
shell caps headers at 1120px while narrow pages use a 760px column, leaving
the title floating left of the content. */
.shell--settings .content:has(.settings-page) .content-header,
.shell--settings .content:has(.settings-page) .config-view-toggle-row {
max-width: 760px;
padding-inline: var(--space-4);
}
.shell--settings .content:has(.settings-page--wide) .content-header,
.shell--settings .content:has(.settings-page--wide) .config-view-toggle-row {
max-width: 1120px;
}
/* ── Page ── */
.settings-page {