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

Update Validation Step styling #19306

Merged
merged 2 commits into from Dec 12, 2017
Merged

Update Validation Step styling #19306

merged 2 commits into from Dec 12, 2017

Conversation

epeach
Copy link

@epeach epeach commented Nov 20, 2017

Align the wrapped text on the left and increase line height to improve.

Old look:
unaligned

Updated look:
aligned

@@ -21,13 +21,20 @@ const style = {
},
header: {
fontSize: 26,
lineHeight: 1.25,
Copy link
Contributor

Choose a reason for hiding this comment

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

Another option would be to use lineHeight: 'normal'. According to MDN (https://developer.mozilla.org/en-US/docs/Web/CSS/line-height) this means: "Depends on the user agent. Desktop browsers (including Firefox) use a default value of roughly 1.2, depending on the element's font-family."

@epeach epeach changed the base branch from staging to staging-next November 28, 2017 00:07
@Bjvanminnen Bjvanminnen changed the base branch from staging-next to staging December 12, 2017 00:25
@epeach epeach merged commit c92877b into staging Dec 12, 2017
@epeach epeach deleted the maker-codes-ui-spacing-fix branch December 12, 2017 00:42
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.

None yet

2 participants