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

fixed internal button padding on IE #323

Merged
merged 1 commit into from
Nov 19, 2019
Merged

Conversation

twrichards
Copy link
Contributor

@twrichards twrichards commented Nov 19, 2019

This PR fixes a regression introduced in #267 - that was a hectic time.

Prior to the above regression the Button component had a line-height to make it work on IE (see 3de4285#diff-5afa62adc28365a0ece2481e3bc1a7afL122 specifically). However that made the wrapping quite funky and so it was phased out in the above commit.

In order to fix the regression it now specifies the height as well as the min-height which allows the align-items: center to actually work... because IE 🙈(see philipwalton/flexbugs#231).
This is a better solution than using line-height due to its effect on wrapping buttons with long labels.

During Regression Now
image image

@twrichards twrichards merged commit 2107b2f into master Nov 19, 2019
@twrichards twrichards deleted the fix-button-padding-IE branch November 19, 2019 17:43
@prout-bot
Copy link
Collaborator

Seen on PROD (merged by @twrichards 5 minutes and 23 seconds ago) Please check your changes!

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.

3 participants