Skip to content

fix mobile view#325

Merged
artberger merged 1 commit intomainfrom
adb-mobile
Mar 20, 2026
Merged

fix mobile view#325
artberger merged 1 commit intomainfrom
adb-mobile

Conversation

@artberger
Copy link
Copy Markdown
Collaborator

@artberger artberger commented Mar 19, 2026

couldn't select the docs from the mobile slideout, closes: #165

Before

image

After

image

Sidebar view
image

Changes Made

sidebar.html — Mobile sidebar slide-in panel

  • Added CSS that makes the sidebar a fixed slide-in panel on mobile (below 1280px/xl). It uses transform: translateX(-100%) to hide off-screen and slides in when .mobile-sidebar-open is toggled.
  • Added a dark overlay (.sidebar-mobile-overlay) that appears behind the sidebar and closes it when tapped.
  • Added a mobile-only header inside the sidebar with:
    • Section selector (Standalone / Kubernetes tabs) — the current section is highlighted, the other links to the equivalent version in the other section
    • Version picker — shows all configured versions with the active one highlighted
  • These mobile elements are hidden on xl+ screens via @media (min-width: 1280px) rule.

nav.html — Sidebar toggle + mobile nav fixes

JS additions:

  • toggleMobileSidebar() — toggles the sidebar panel and overlay
  • closeMobileSidebar() — closes the sidebar (called by overlay click)
  • openMobileNav() now calls closeMobileSidebar() first so the two panels don't overlap

Docs mobile nav bar:

  • Added a sidebar toggle icon (three horizontal lines, middle one shorter) on the left side of the mobile nav bar, before the logo. Only renders on docs pages.

Landing page + docs mobile slide-out nav:

  • Changed justify-end → pt-24 pb-8 overflow-y-auto so links flow from top with proper padding (no longer pushed to bottom where they can be clipped on short screens)
  • Added Standalone/Kubernetes sub-links under "Docs" in the landing page mobile nav (previously only had "Docs" link without sub-items)

couldn't select the docs from the mobile slideout

Changes Made

  sidebar.html — Mobile sidebar slide-in panel

  - Added CSS that makes the sidebar a fixed slide-in panel on mobile (below 1280px/xl). It uses transform: translateX(-100%) to hide off-screen
   and slides in when .mobile-sidebar-open is toggled.
  - Added a dark overlay (.sidebar-mobile-overlay) that appears behind the sidebar and closes it when tapped.
  - Added a mobile-only header inside the sidebar with:
    - Section selector (Standalone / Kubernetes tabs) — the current section is highlighted, the other links to the equivalent version in the
  other section
    - Version picker — shows all configured versions with the active one highlighted
  - These mobile elements are hidden on xl+ screens via @media (min-width: 1280px) rule.

  nav.html — Sidebar toggle + mobile nav fixes

  JS additions:
  - toggleMobileSidebar() — toggles the sidebar panel and overlay
  - closeMobileSidebar() — closes the sidebar (called by overlay click)
  - openMobileNav() now calls closeMobileSidebar() first so the two panels don't overlap

  Docs mobile nav bar:
  - Added a sidebar toggle icon (three horizontal lines, middle one shorter) on the left side of the mobile nav bar, before the logo. Only
  renders on docs pages.

  Landing page + docs mobile slide-out nav:
  - Changed justify-end → pt-24 pb-8 overflow-y-auto so links flow from top with proper padding (no longer pushed to bottom where they can be
  clipped on short screens)
  - Added Standalone/Kubernetes sub-links under "Docs" in the landing page mobile nav (previously only had "Docs" link without sub-items)

Signed-off-by: Art Berger <art.berger@solo.io>
@artberger artberger self-assigned this Mar 19, 2026
@artberger artberger added bug Something isn't working website agentgateway labels Mar 19, 2026
@cloudflare-workers-and-pages
Copy link
Copy Markdown

Deploying agentproxy with  Cloudflare Pages  Cloudflare Pages

Latest commit: e515a64
Status: ✅  Deploy successful!
Preview URL: https://b279b372.agentproxy.pages.dev
Branch Preview URL: https://adb-mobile.agentproxy.pages.dev

View logs

@artberger artberger merged commit 4f4dc3e into main Mar 20, 2026
1 check passed
@artberger artberger deleted the adb-mobile branch March 20, 2026 13:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

agentgateway bug Something isn't working website

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mobile view enhancements

2 participants