Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Align RadioButton styles with mobile #11840

Closed

Conversation

lgriffee
Copy link
Member

@lgriffee lgriffee commented Apr 4, 2024

WHY are these changes introduced?

Fixes https://github.com/Shopify/polaris-internal/issues/1578
Fixes https://github.com/Shopify/mobile/issues/33784

Caution

Basing this PR off of #11896 (which is also based off #11837) and will not merge until that ships. This PR does not include changes from #11878 so you will not see the updates to the helper/error text size.

WHAT is this pull request doing?

  • Updates the border-width of radio buttons below breakpoint-md from 0.66px ➡️ 1px
  • Updates the size of the radio button below breakpoint-md from 18px ➡️ 20px (this is done by removing a margin so it will not shift any layouts since it takes up the same amount of space it did before)
Before After
Screenshot 2024-05-06 at 3 00 35 PM Screenshot 2024-05-06 at 2 50 02 PM

Tip

Make sure you have the breakpoint in storybook at sm or xs to see the changes!

@lgriffee lgriffee self-assigned this Apr 4, 2024
@sam-b-rose sam-b-rose mentioned this pull request Apr 11, 2024
@sam-b-rose sam-b-rose changed the base branch from main to mobile-prototype April 11, 2024 13:25
@sam-b-rose sam-b-rose changed the base branch from mobile-prototype to main April 11, 2024 13:26
@lgriffee lgriffee changed the title [RadioButton] Increase border-width for improved mobile consistency [Prototype] Increase RadioButton border-width for improved mobile consistency Apr 11, 2024
@lgriffee lgriffee changed the title [Prototype] Increase RadioButton border-width for improved mobile consistency [Prototype] Align RadioButton styles with mobile Apr 12, 2024
@lgriffee lgriffee added the #gsd:40396 WebView infrastructure - Forms and Polaris label Apr 15, 2024
@lgriffee lgriffee force-pushed the radio-button-mobile-alignment branch from 28cb9ea to 3f5a361 Compare April 19, 2024 18:19
@github-actions github-actions bot added the cla-needed Added by a bot. Contributor needs to sign the CLA Agreement. label Apr 19, 2024
@lgriffee lgriffee force-pushed the radio-button-mobile-alignment branch from 7f0a868 to ffcea19 Compare May 6, 2024 20:41
@lgriffee lgriffee changed the base branch from main to choicelist-mobile-alignment May 6, 2024 20:41
@github-actions github-actions bot removed the cla-needed Added by a bot. Contributor needs to sign the CLA Agreement. label May 6, 2024
@lgriffee lgriffee force-pushed the radio-button-mobile-alignment branch from ffcea19 to be0756e Compare May 6, 2024 20:42
@lgriffee lgriffee requested a review from aveline May 6, 2024 20:52
@lgriffee lgriffee changed the title [Prototype] Align RadioButton styles with mobile Align RadioButton styles with mobile May 6, 2024
@lgriffee lgriffee marked this pull request as ready for review May 6, 2024 21:03
@lgriffee lgriffee closed this May 9, 2024
@lgriffee
Copy link
Member Author

lgriffee commented May 9, 2024

Closing in favor of build phase PR

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
#gsd:40396 WebView infrastructure - Forms and Polaris
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants