Skip to content

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

Merged
snide merged 2 commits into
elastic:masterfrom
snide:reset/font
Jan 25, 2019
Merged

Font reset is more precise, fix form label weights#1474
snide merged 2 commits into
elastic:masterfrom
snide:reset/font

Conversation

@snide
Copy link
Copy Markdown
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
padding: 0;
border: none;
font: inherit; /* 1 */
font-family: inherit; /* 1 */
Copy link
Copy Markdown
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
Copy Markdown
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