Skip to content

refactor: simplify quick start OS selector#107

Merged
thewilloftheshadow merged 1 commit intoopenclaw:mainfrom
geoffrey-xiao:feat/remove-change-button-from-os
Mar 17, 2026
Merged

refactor: simplify quick start OS selector#107
thewilloftheshadow merged 1 commit intoopenclaw:mainfrom
geoffrey-xiao:feat/remove-change-button-from-os

Conversation

@geoffrey-xiao
Copy link
Contributor

Description

This simplifies the Quick Start OS selector by removing the extra change button and showing the macOS/Linux / Windows toggle directly in one-liner mode.

Why

The previous UI split a simple binary choice across two controls, which added friction and made the interaction less obvious. Showing the OS toggle directly is clearer and faster.

Testing

  • Reviewed the updated Quick Start state/visibility logic in src/pages/index.astro
  • Verified OS selection still updates the one-liner command correctly
  • Ran bun run build successfully

before
image

after
image

@vercel
Copy link

vercel bot commented Mar 16, 2026

@geoffrey-xiao is attempting to deploy a commit to the Jamie's projects Team on Vercel.

A member of the Team first needs to authorize it.

@geoffrey-xiao geoffrey-xiao changed the title refactor: Simplify quick start OS selector refactor: simplify quick start OS selector Mar 16, 2026
Copy link

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

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

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 0f9fc8e85f

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

const showBetaControls = currentMode === 'oneliner' || currentMode === 'quick';
if (osIndicator) osIndicator.style.display = showOsControls && !osPickerExpanded ? 'flex' : 'none';
if (osSwitch) osSwitch.style.display = showOsControls && osPickerExpanded ? 'flex' : 'none';
if (osSwitch) osSwitch.style.display = showOsControls ? 'flex' : 'none';

Choose a reason for hiding this comment

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

P2 Badge Restore layout fit when showing OS switch by default

Showing the full os-switch whenever one-liner mode is active makes the Quick Start header wider than before, and on mid-size mobile/tablet widths (roughly 481–560px) it can overflow because .code-header only wraps at @media (max-width: 480px). In this range, the mode tabs + OS toggle + beta toggle no longer reliably fit on one row, so controls can clip or overflow horizontally; this regression is introduced by always rendering the larger OS control instead of the compact indicator.

Useful? React with 👍 / 👎.

@thewilloftheshadow thewilloftheshadow merged commit d99fcca into openclaw:main Mar 17, 2026
13 of 18 checks passed
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