Skip to content

fix(landing): "More" menu for hero mode bar on mobile - #17

Merged
abrahamperz merged 1 commit into
mainfrom
fix/landing-mobile-modes
Sep 11, 2026
Merged

abrahamperz merged 1 commit into
mainfrom
fix/landing-mobile-modes

Conversation

@abrahamperz

Copy link
Copy Markdown
Owner

What

On phones the hero's five mode pills never fit one row. The last three
(Links / JSON / Extract) now collapse behind a "More ▾" menu, so the row
reads ● Crawl Markdown More▾ → on one clean line.

  • The menu is an absolute popover that floats above the bar, so opening it
    never reflows the page.
  • The More pill mirrors the active hidden mode: it lights up like an active
    pill and shows that mode's name.
  • Desktop is untouched — .hmore is display:contents and its button is
    hidden, so all five pills still flow inline exactly as before.
  • Adds the hbar_more i18n key (More / Más / Mais) to all three locales, since
    window.t returns the raw key as fallback and would otherwise render the
    literal hbar_more on the pill.

Patch bump 1.4.0 → 1.4.1.

Base

Targets feat/rate-limit-error rather than main: this work builds on the
single-source demo examples commit (the hero's demos bindings), which lives
on that branch and hasn't reached main yet. Once feat/rate-limit-error
lands, this narrows to the UI diff alone.

Test

  • Reduce the viewport below 820px: row stays one line, More ▾ opens the popover,
    selecting a hidden mode closes it and lights the pill with that mode's name.
  • Desktop (≥820px): all five pills inline, unchanged.
  • Outside-click and Escape close the menu.

🤖 Generated with Claude Code

@vercel

vercel Bot commented Sep 11, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
bytecrawl Ready Ready Preview Sep 11, 2026 10:32pm UTC

@abrahamperz abrahamperz added the bug Something isn't working label Sep 11, 2026
@abrahamperz abrahamperz self-assigned this Sep 11, 2026
@abrahamperz
abrahamperz changed the base branch from feat/rate-limit-error to main September 11, 2026 22:10
@abrahamperz
abrahamperz changed the base branch from main to feat/rate-limit-error September 11, 2026 22:11
@abrahamperz
abrahamperz changed the base branch from feat/rate-limit-error to main September 11, 2026 22:13
@abrahamperz
abrahamperz force-pushed the fix/landing-mobile-modes branch from ce77a69 to e2b6f3e Compare September 11, 2026 22:27
@abrahamperz
abrahamperz force-pushed the fix/landing-mobile-modes branch from e2b6f3e to 91dcc17 Compare September 11, 2026 22:28
… on mobile

On phones the five mode pills overflowed the hero bar. Keep Crawl and
Markdown inline and move Links / JSON / Extract into a "More" popover;
the button adopts the active child's label and dot. Desktop is unchanged
(display: contents keeps all five inline). Adds the hbar_more i18n key so
the label localizes instead of rendering the raw key.
@abrahamperz
abrahamperz force-pushed the fix/landing-mobile-modes branch from 91dcc17 to 3765ed7 Compare September 11, 2026 22:32
@abrahamperz
abrahamperz merged commit c70f326 into main Sep 11, 2026
8 checks passed

This branch was successfully deployed

1 active deployment
Preview — 3765ed7e Deployed Sep 11, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant