simplefast/rfd

Fork 0

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

leoqi commented

2026-06-08 16:25:06 +00:00

Owner

No description provided.

leoqi added 12 commits

2026-06-08 16:25:07 +00:00

Feature: center bottom bar with same max-width as body content 4f08e3813f

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.

Fix: adjust bottom bar offset to align with body content f50953b1e8

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.

Feature: unify bottom bar into single flex container 810fb15a55

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.

Enable strict OSH mode in build.osh 7f64445c5d

Add shopt --set strict:all for stricter shell execution semantics.

Make TOC checkbox non-tab-selectable ba25cac71b

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.

Add top padding to TOC panel a72d82f4e7

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.

Fix: suppress double highlight on ESC closing TOC 0d3868ce40

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.

Fix: constrain TOC panel width to match body content 0c892ac689

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 focus outline from On This Page label 993c906a39

Remove the :focus-visible outline rule and add outline: none to
#toc-label so it never shows a selection or focus ring.

Fix TOC panel styling and add section numbering c3676150aa

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.

Fix: apply code-block styling to .toc-inner instead of nav#TOC > ul 753ab8771b

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.

Fix: place TOC before search in tab order 1cab00ac84

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

web: give navbar max width (#7)

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.

Rows
Columns