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

fix(Modal): align button text to baseline #13320

Merged
merged 4 commits into from
Mar 21, 2023

Conversation

tw15egan
Copy link
Collaborator

@tw15egan tw15egan commented Mar 9, 2023

Closes #13319

Aligns the button text to the button baseline so the content will flow down instead of pushing up into the modal

Changelog

Changed

  • set align-items to baseline

Testing / Reviewing

Ensure when extra text wraps, it does not cause misalignment at the top of the text string.

cc @shixiedesign / @carbon-design-system/design Note: This will cause all text in Modals to be pushed down ~1px to align them all to the baseline. Percy should catch this; let me know if that is an okay tradeoff

@tw15egan tw15egan requested a review from a team as a code owner March 9, 2023 13:38
@tw15egan tw15egan requested review from a team and thyhmdo and removed request for a team March 9, 2023 13:39
@netlify
Copy link

netlify bot commented Mar 9, 2023

Deploy Preview for carbon-components-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit c94aa82
🔍 Latest deploy log https://app.netlify.com/sites/carbon-components-react/deploys/6419fb9d9fc06a000856cf0d
😎 Deploy Preview https://deploy-preview-13320--carbon-components-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@netlify
Copy link

netlify bot commented Mar 9, 2023

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit c94aa82
🔍 Latest deploy log https://app.netlify.com/sites/carbon-elements/deploys/6419fb9d3e8783000711c3f4
😎 Deploy Preview https://deploy-preview-13320--carbon-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@tay1orjones
Copy link
Member

@tw15egan Percy didn't catch it 🧐

@tw15egan
Copy link
Collaborator Author

@tay1orjones hmm, thought it would; it seems to have caught more minor changes...

@kodiakhq kodiakhq bot merged commit 173cc71 into carbon-design-system:main Mar 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Modal button label wraps with incorrect alignment
3 participants