Skip to content

fix(docs): pill install picker with a sliding thumb - #156

Merged
joeblau merged 1 commit into
mainfrom
fix/docs-install-picker-pill
Oct 2, 2026
Merged

joeblau merged 1 commit into
mainfrom
fix/docs-install-picker-pill

Conversation

@joeblau

@joeblau joeblau commented Oct 2, 2026

Copy link
Copy Markdown

Summary

  • Install picker track and active thumb are now pills, matching the hero buttons and search box.
  • One thumb slides between equal-width tabs (240ms, --ease-out) instead of the active fill swapping instantly.
  • Thumb and tab transitions are disabled under prefers-reduced-motion: reduce.

Test plan

  • tsc --noEmit passes
  • Dev server: track and thumb render at 9999px radius; thumb rect matches the selected tab exactly
  • Click through bun → npm → pnpm → yarn and confirm the slide

🤖 Generated with Claude Code

The package-manager switch was a rounded rectangle whose active fill swapped instantly. Make the
track and thumb pills, matching the hero buttons and search box, and slide one thumb between
equal-width tabs. Motion is disabled under prefers-reduced-motion.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@joeblau
joeblau merged commit fcc3aca into main Oct 2, 2026
6 checks passed
@joeblau
joeblau deleted the fix/docs-install-picker-pill branch October 2, 2026 15:15
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.

1 participant