Skip to content

Restyle the docs sidebar and top bar to match Figma - #3898

Open
itsalexcm wants to merge 4 commits into
feature/nav-section-dropdownfrom
style/nav-restyle-from-3873
Open

Restyle the docs sidebar and top bar to match Figma#3898
itsalexcm wants to merge 4 commits into
feature/nav-section-dropdownfrom
style/nav-restyle-from-3873

Conversation

@itsalexcm

@itsalexcm itsalexcm commented Aug 20, 2026

Copy link
Copy Markdown
Contributor

Why

The nav-preview top bar and left TOC still used the old chrome after #3873 landed the section dropdowns. Readers saw a version selector in the right rail, a Products panel that did not match EUI, and a sidebar that did not match the Figma nav.

What

Applies the Figma sidebar treatment on the existing V1 TOC (single chevron, island overview as a folder, assembler navigation_title overrides) without enabling NAV_V2. Moves the version selector into the top bar and restyles Products to the same EUI popover chrome, motion, offset, and trailing-icon size as the version control. Drops the empty gap above View as Markdown now that the selector no longer sits in that rail.

Stacked on #3873 (feature/nav-section-dropdown). Preview without feature flags: assembler get-started on desktop.

Nav.mov

Made with Cursor

itsalexcm and others added 3 commits August 20, 2026 14:21
Island overviews nest as folders, assembler titles can override nav labels, and the tree uses a single chevron without the htmx top-bar indicator.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Move the version control into the top bar and match Products panel chrome, motion, offset, and trailing icons to EUI.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
The version selector no longer sits above View as Markdown, so the 24px padding and empty flex placeholder left a hole at the top of the rail.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
@itsalexcm
itsalexcm requested a review from a team as a code owner August 20, 2026 12:28
@itsalexcm itsalexcm added the redesign enable redesign feature flag label Aug 20, 2026
@itsalexcm
itsalexcm requested a review from technige August 20, 2026 12:28
Puts back the 24px top padding so the page-action list aligns with the left sidebar, and formats the Products dropdown CSS so Prettier CI passes.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

redesign enable redesign feature flag

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant