Skip to content

fix(setup): polish skip button styling in setup view#2021

Draft
posthog[bot] wants to merge 2 commits intomainfrom
posthog-code/polish-setup-skip-button
Draft

fix(setup): polish skip button styling in setup view#2021
posthog[bot] wants to merge 2 commits intomainfrom
posthog-code/polish-setup-skip-button

Conversation

@posthog
Copy link
Copy Markdown
Contributor

@posthog posthog Bot commented May 5, 2026

Summary

The onboarding setup view's "Start from scratch" skip button looked wonky — it used the ghost variant (bare text, no button affordance) and during the scan it sat directly above helper copy with the same left-alignment, so the two visually merged into one block.

This PR polishes both skip buttons:

  • Switch both buttons from variant="ghost" to variant="soft" (color="gray") so they clearly read as buttons (subtle gray pill) rather than bare text.
  • Reorder the during-scan skip section so the reassurance copy ("Suggested tasks will appear in the sidebar when ready.") sits above the button instead of underneath it, with gap="2" between them for breathing room. The button now reads as the action, not as another line of text.

Test plan

  • Open the setup/onboarding flow in a fresh dev environment
  • During the scan: confirm the "Start from scratch" button reads as a button (subtle gray fill) and is visually distinct from the helper text above it
  • After the scan completes: confirm the "Start from scratch" button below the recommended tasks reads as a button
  • Click both buttons in turn and confirm skip behavior is unchanged (analytics fired, navigation to task input)

Created with PostHog Code

PostHog Code added 2 commits May 5, 2026 03:22
The "Start from scratch" skip button used the ghost variant, which
rendered as bare text and made it unclear it was actionable. During the
scan, it sat directly above its helper text with the same alignment, so
the two visually merged into one block.

- Switch both skip buttons to the soft gray variant so they read as
  buttons.
- Reorder the during-scan skip section so the reassurance copy sits
  above the button, with more breathing room between them.

Generated-By: PostHog Code
Task-Id: c4d8ab9e-aee0-4454-8cf1-3fb40c6e1705
Center the "Start from scratch" buttons in both the during-scan and
after-done states, and add a trailing arrow icon so they read more
clearly as a forward action. The reassurance copy stays below the
during-scan button.

Generated-By: PostHog Code
Task-Id: c4d8ab9e-aee0-4454-8cf1-3fb40c6e1705
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.

0 participants