Skip to content

Conversation

@albingroen
Copy link
Contributor

Currently, buttons that use the as property placed inside of a Flex container will automatically get a left-aligned text. I suppose this is not a expected behaviour. If it is, please let me know 👍

My solution is to default the ButtonStyles to align it's text to center (ie. text-align: center)

Closes #771

Screenshots

Before
image

After
image

Merge checklist

  • Tested in Chrome
  • Tested in Firefox
  • Tested in Safari
  • Tested in Edge

@vercel
Copy link

vercel bot commented Apr 18, 2020

This pull request is being automatically deployed with ZEIT Now (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://zeit.co/primer/primer-components/7tbmo24n6
✅ Preview: https://primer-compone-git-fork-albingroen-albingroen-button-tex-d940ae.primer.now.sh

@vercel vercel bot temporarily deployed to Preview April 18, 2020 13:49 Inactive
@joelhawksley joelhawksley added the fr-skip Remove this from the Design Systems first responder list label Apr 20, 2020
@albingroen
Copy link
Contributor Author

Hey @joelhawksley I'm quite new here. What does the fr-skip tag imply?

@joelhawksley
Copy link

@albingroen it's for our internal tracking. Nothing to worry about! ❤️

@albingroen
Copy link
Contributor Author

@joelhawksley Awesome, thanks 👍

@emplums emplums changed the base branch from master to release-19.0.0 April 30, 2020 00:52
Copy link

@emplums emplums left a comment

Choose a reason for hiding this comment

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

Looks good! Thanks for the PR! 🙌

@emplums
Copy link

emplums commented Apr 30, 2020

Going to merge into a new PR so that I can run the tests (unfortunately our GitHub Actions that do that can only run on branches opened by collaborators)

@emplums emplums changed the base branch from release-19.0.0 to test-button-changes April 30, 2020 00:59
@emplums emplums merged commit 464f525 into primer:test-button-changes Apr 30, 2020
@emplums emplums mentioned this pull request Apr 30, 2020
emplums pushed a commit that referenced this pull request Apr 30, 2020
@BinaryMuse BinaryMuse mentioned this pull request Apr 30, 2020
24 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

fr-skip Remove this from the Design Systems first responder list status: review needed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[🐞 Bug] Text not aligned properly on button when using as="a"

3 participants