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

Font reset is more precise, fix form label weights #1474

Merged
merged 2 commits into from
Jan 25, 2019

Conversation

snide
Copy link
Contributor

@snide snide commented Jan 24, 2019

Summary

@w33ble noticed some inheritance problems with fonts in elastic/kibana#29152. I also heard word from @gjones that there was some other weirdness going on in Cloud. @cchaos and I tracked it down to some over reliance on inherit with our reset file. We only use two fonts in EUI, the codey one and the not codey one. More explicitly declaring these in our reset fixes the issues we saw with Joe.

@cchaos I added pre on here because it fits the definition of the default. https://www.w3schools.com/tags/tag_pre.asp

Note to @zumwalt, since I like to alert everyone anytime I edit a reset file in EUI.

I also upped the weight of the form labels, which were a little weak with the new font.

Checklist

  • This was checked in mobile
  • This was checked in IE11
  • This was checked in dark mode
  • Any props added have proper autodocs
  • Documentation examples were added
  • A changelog entry exists and is marked appropriately
  • This was checked for breaking changes and labeled appropriately
  • Jest tests were updated or added to match the most common scenarios
  • This was checked against keyboard-only and screenreader scenarios
  • This required updates to Framer X components

@snide snide requested a review from cchaos January 24, 2019 23:44
@snide snide requested a review from w33ble January 24, 2019 23:54
@@ -32,13 +26,15 @@ time, mark, audio, video {
margin: 0;
padding: 0;
border: none;
font: inherit; /* 1 */
font-family: inherit; /* 1 */
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Note that the HTML tag below will still apply the correct font, which is why it's OK to remove it here.

@snide snide merged commit fc6e34f into elastic:master Jan 25, 2019
@snide snide deleted the reset/font branch January 25, 2019 17:06
@w33ble
Copy link
Contributor

w33ble commented Jan 25, 2019

This didn't fix the rendering issue for me, but the calculated font-family is correct now. I suspect it's my machine that is the issue...

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.

3 participants