Skip to content

Commit 2fbd144

Browse files
committed
fix(site): contain the docs header content to the page width
The .hscli-header override was full-bleed, so on wide viewports the right-group (search/theme/GitHub) floated to the viewport edge — ~120px past where the page content ends. Cap it to --maxw and center, matching the home header. Header background stays full-width.
1 parent 4517e5e commit 2fbd144

1 file changed

Lines changed: 5 additions & 0 deletions

File tree

‎website/src/styles/custom.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -332,6 +332,11 @@ h1#_top,
332332
============================================================ */
333333
.hscli-header {
334334
display: flex; align-items: center; gap: 22px; height: 100%;
335+
/* Contain the header content like the rest of the page instead of letting
336+
it span the full viewport (which floated the actions to the screen edge). */
337+
max-width: var(--maxw);
338+
margin-inline: auto;
339+
padding-inline: 1rem;
335340
}
336341
.hscli-header .header-spacer { flex: 1; }
337342
.hscli-header .header-actions { display: flex; align-items: center; gap: 8px; }

0 commit comments

Comments
 (0)