Skip to content

Fix mobile version picker - #1373

Draft
losrebellos wants to merge 10 commits into
masterfrom
losrebellos/fix-mobile-version-picker
Draft

losrebellos wants to merge 10 commits into
masterfrom
losrebellos/fix-mobile-version-picker

Conversation

@losrebellos

@losrebellos losrebellos commented Oct 6, 2026 •

Copy link
Copy Markdown
Contributor

Closes https://linear.app/metabase/issue/GRO-1054/docs-version-picker-has-no-background-on-mobile.

What's in

  • Version selector
    • Background colour + border on mobile
    • Dropdown position updates for mobile + desktop
  • No version selector for /docs/all
  • Fix tagging
  • What's new button breakpoint updates for display

Mobile

image image

Desktop

image image

Docs listing page

image

How to test

@linear

linear Bot commented Oct 6, 2026

Copy link
Copy Markdown

GRO-1054

@losrebellos losrebellos self-assigned this Oct 6, 2026
@github-actions

github-actions Bot commented Oct 6, 2026 •

Copy link
Copy Markdown

Commit 60bcf5c is live at https://docs-pr-1373-metaboat.vercel.app

Project Deployment Actions Updated (UTC)
docs 🟢 Ready Preview Oct 6, 2026 1:35pm

Deployed to Vercel via GitHub Actions

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

# Conflicts:
#	src/components/chrome/TopBar.astro
#	src/layouts/NewDocsLayout.astro
@losrebellos
losrebellos marked this pull request as ready for review October 6, 2026 12:49
@losrebellos
losrebellos requested a lite review from Copilot October 6, 2026 12:49

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🟡 Changes recommended

Mobile pages can lack a version picker, and responsive thresholds can briefly show duplicate pickers.

Review effort: Lite
Findings: 1 Medium severity

Open (1)
What changed in this PR

This pull request improves the docs version picker across mobile and desktop layouts.

Changes:

  • Adds responsive picker styling and dropdown positioning.
  • Hides the selector on /docs/all.
  • Updates top-bar rendering and reformats the TOC icon.
File Summary
src/​layouts/​NewDocsLayout.astro Controls selector visibility; mobile picker is missing on nested pages.
src/​components/​chrome/​VersionSelector.astro Updates responsive styling; breakpoint overlap can briefly show duplicate pickers.
src/​components/​chrome/​TopBar.astro Conditionally renders the selector; mobile hiding can remove the only picker.
src/​components/​chrome/​TocToggle.astro Reformats the TOC SVG markup.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread src/components/chrome/VersionSelector.astro Outdated
Correct media query to use min-width: 992px instead of 992.02px.

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
@losrebellos
losrebellos marked this pull request as draft October 6, 2026 13:04
@losrebellos
losrebellos marked this pull request as ready for review October 6, 2026 16:45
@losrebellos
losrebellos requested a review from a team October 6, 2026 16:52
@losrebellos
losrebellos marked this pull request as draft October 6, 2026 16:53
@losrebellos
losrebellos removed the request for review from a team October 6, 2026 16:54

This branch has not been deployed

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants