Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion core/css/header.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion core/css/header.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

16 changes: 9 additions & 7 deletions core/css/header.scss
Original file line number Diff line number Diff line change
Expand Up @@ -134,14 +134,16 @@
// Add some spacing so the last entry looks ok
margin-inline-end: calc(3 * var(--default-grid-baseline));

// Only grow to match header-start on desktop, and only
// in the user layout where header-center exists.
// Below the mobile breakpoint the search collapses to an icon,
// and header-end must stay content-sized so header-start pushes
// that icon flush to the right edge. The public layout has
// no centered search, so it keeps the content-sized header-end.
// Grow to match header-start (which always grows) so the centered search
// stays centered. Only on desktop and only in the layouts that render
// header-center: the user layout and the settings layout (#body-settings).
// Below the mobile breakpoint the search collapses to an icon, and
// header-end must stay content-sized so header-start pushes that icon flush
// to the right edge. The public layout has no centered search, so it keeps
// the content-sized header-end.
@media (min-width: 512px) {
#body-user & {
#body-user &,
#body-settings & {
flex: 1 0;
}
}
Expand Down
2 changes: 1 addition & 1 deletion core/css/server.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading
Loading