Skip to content

fix(checkout): improve StepProgress layout on narrow mobile screens (#196) - #320

Closed
jeffrey-graham wants to merge 1 commit into
SorobanLard:mainfrom
jeffrey-graham:fix/issue-196-step-progress-responsive
Closed

jeffrey-graham wants to merge 1 commit into
SorobanLard:mainfrom
jeffrey-graham:fix/issue-196-step-progress-responsive

Conversation

@jeffrey-graham

Copy link
Copy Markdown

Summary

  • Updates StepProgress (src/components/checkout/StepProgress.tsx) with responsive badge sizing, connector spacing, and label truncation so steps never overflow or collide at 320px and 375px.
  • Extends unit tests in src/components/checkout/__tests__/StepProgress.test.tsx.

Closes #196

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.

Responsive: Checkout step progress indicator on narrow screens

1 participant