Skip to content

Fix Docs dropdown clickability and make Docs link clickable#235

Merged
GsCommand merged 1 commit into
mainfrom
codex/fix-clickable-docs-dropdown-navigation
May 21, 2026
Merged

Fix Docs dropdown clickability and make Docs link clickable#235
GsCommand merged 1 commit into
mainfrom
codex/fix-clickable-docs-dropdown-navigation

Conversation

@GsCommand
Copy link
Copy Markdown
Contributor

Motivation

  • The Docs dropdown used a button/hover pattern that created a gap and made menu items hard to click, so the nav needed to be reliably clickable and accessible.
  • The Docs label should act as a normal navigable link to the docs root while still showing a dropdown indicator.
  • The dropdown must remain keyboard-accessible and usable on mobile without relying on hover.

Description

  • Replaced the Docs button with a normal anchor (<a href="/docs.html">Docs ▾</a>) and kept the dropdown indicator in public/docs.html, public/docs/wrap-your-agent.html, and public/index.html so the label itself is always clickable.
  • Adjusted CSS to make the parent link an inline-flex trigger, elevated the dropdown z-index, moved the menu to top: calc(100% - 1px), and added a small invisible hover bridge via .nav-drop-menu::before to avoid gaps between parent and menu.
  • Preserved :hover and :focus-within rules to open the dropdown and updated mobile media-query styles so the menu becomes stacked/static at small widths instead of depending on hover.
  • Kept the original dropdown items and did not modify page content, API routes, or schemas.

Testing

  • Ran npm install successfully and dependencies resolved without errors.
  • Ran npm test and all automated tests passed (26 tests passed, 0 failed).
  • Ran npm run build which failed because no build script is defined in package.json.
  • Files changed: public/docs.html, public/docs/wrap-your-agent.html, and public/index.html.

Codex Task

@vercel
Copy link
Copy Markdown

vercel Bot commented May 21, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
commandlayer-commandlayer-org Ready Ready Preview, Comment May 21, 2026 12:43am
commandlayer-org Ready Ready Preview, Comment May 21, 2026 12:43am
commandlayer-org111 Ready Ready Preview, Comment May 21, 2026 12:43am

Request Review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant