Tab: Label uses incorrect font

iTwin / iTwinUI

A design system for building beautiful and well-working web interfaces.

https://itwin.github.io/iTwinUI/

MIT License

105 stars 38 forks source link

Tab: Label uses incorrect font #358

Closed roluk closed 2 years ago

roluk commented 2 years ago

Describe the bug (actual behavior)

Tab labels use a browser-specific font.

Expected behavior

Tab labels use Open Sans font.

Reproduction

https://itwin.github.io/iTwinUI-react/?path=/story/core-tabs--default-tabs

Additional information

Similar to button issue in iTwinUI.

mayank99 commented 2 years ago

Thanks for the issue. This was happening because our tabs also use the button element but don't use the styling for our Button component (which was fixed recently).

This will be fixed in #357 and available soon. I also went through all other instances of button and didn't find anywhere else that needs this fix. Please do let us know if you come across another issue like this. 🙂

mayank99 commented 2 years ago

This fix is now available in iTwinUI-css v0.37.2 and iTwinUI-react v1.23.0