-
Notifications
You must be signed in to change notification settings - Fork 841
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
[EuiTabs] Add large size #4501
[EuiTabs] Add large size #4501
Conversation
Preview documentation changes for this PR: https://eui.elastic.co/pr_4501/ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Code/docs/tests changes LGTM, probably want to wait for a designer review too.
Jenkins, test this |
Preview documentation changes for this PR: https://eui.elastic.co/pr_4501/ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM! 🎉
Tested in Chrome, Safari, Edge, and Firefox. Also tested the playground.
Preview documentation changes for this PR: https://eui.elastic.co/pr_4501/ |
Mainly affects the Amsterdam theme
This PR is to align the styles of EuiTabs with the latest from the Amsterdam design assets. The main problem we had was that the smaller (
14px
) font size affected both the medium and small sizes of tabs. This is actually good for maintaining font size consistency, but we had needs for a larger set as well. One that bumped the font size back up to16px
.What the results are is that:
s
14px
14px
m
16px
14px
l
16px
16px
This might seem weird on the surface that only
medium
(default) tab font sizes are different across themes, but this is intentional. And this affects both the default andcondensed
displays.Default theme
Amsterdam theme
Checklist
[ ] Checked for breaking changes and labeled appropriately[ ] Checked for accessibility including keyboard-only and screenreader modes