web: give navbar max width #7

Merged
leoqi merged 12 commits from web/max-width-navbar into main 2026-06-08 16:25:14 +00:00
Owner
No description provided.
Move #toc-label and #search-wrap to be centered elements with
max-width: var(--content-width), matching the body copy width.
Update #search-output to use the same centered positioning.
Use var(--page-margin) for left offset to align with body content.
Bottom bar elements should start at the same position as the body
content, which is at margin-left + padding-left from viewport edge.
Changed offset from var(--page-margin) / 2 to var(--page-margin) + 2rem
to match the body's content edge positioning.
Put 'On This Page', 'Search all RFDs', and 'All RFDs' in one .bottom-bar
flex container so they can be styled together. The bar uses padding to
align with the body content width, with a .bottom-bar-inner constrained
to var(--content-width). Remove individual fixed positioning from
#toc-label and #search-wrap. Constrain nav#TOC to the same content
width. Remove unused --bar-pad variable.
Add shopt --set strict:all for stricter shell execution semantics.
Add tabindex=-1 to #toc-cb so it is skipped during Tab navigation.
Make #toc-label the tab target with tabindex=0. Update focus-visible
CSS rule to target #toc-label directly instead of using the
adjacent-sibling hack on the hidden checkbox.
Increase top padding on nav#TOC > ul from 0.75rem to 1rem. The panel
width is already constrained to content-width via .toc-inner and
padding on nav#TOC.
The checkbox was still receiving focus when its label was clicked,
causing a browser focus ring on top of the label's own focus-visible
outline. Add pointer-events: none and outline: none to #toc-cb so it
never shows any visual indicator.
Remove left:0/right:0 that made nav#TOC span the full viewport.
Instead position it at the same offset as the content area with
max-width matching var(--content-width). The panel background, border,
and shadow now match the content width.
Remove the :focus-visible outline rule and add outline: none to
#toc-label so it never shows a selection or focus ring.
Remove blue top border from nav#TOC panel. Give TOC list the same
background/border styling as code blocks (#f9f9f9, #eee border,
rounded). Add --number-sections to pandoc for numbered headings and TOC.
The ul is inside .toc-inner, so nav#TOC > ul never matched. Move the
background, border, and padding to .toc-inner where the TOC content
actually lives.
Move nav#TOC inside bottom-bar-inner, between the label and search-wrap,
so that TOC links are reached before the search input and All RFDs link
when tabbing. The nav is still fixed-positioned visually.
leoqi merged commit 9a67a9a344 into main 2026-06-08 16:25:14 +00:00
leoqi referenced this pull request from a commit 2026-06-08 16:25:16 +00:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
simplefast/rfd!7
No description provided.