-
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
[Amsterdam] Small styling adjustments in tooltips #4353
Conversation
Preview documentation changes for this PR: https://eui.elastic.co/pr_4353/ |
1 similar comment
Preview documentation changes for this PR: https://eui.elastic.co/pr_4353/ |
Preview documentation changes for this PR: https://eui.elastic.co/pr_4353/ |
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.
Tested in Chrome, Safari, Edge, and Firefox. LGTM! 🎉
@@ -0,0 +1,3 @@ | |||
.euiRangeTooltip__value { | |||
border-radius: $euiSizeXS; |
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.
Just noticed this now. We have a border-radius variable that is 4px
like the $euiSizeXS
;
border-radius: $euiSizeXS; | |
border-radius: $euiBorderRadius; |
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.
@miukimiu thing is, $euiBorderRadius
evaluates to 6px in Amsterdam
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.
How about $euiBorderRadiusSmall
? 😉
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.
Preview documentation changes for this PR: https://eui.elastic.co/pr_4353/ |
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.
🎉
Summary
EuiToolTip
and therefore overall size to better align with smaller font size.EuiRange
's tooltip border-radiusChecklist
- [ ] Check against all themes for compatibility in both light and dark modes- [ ] Checked in mobile- [ ] Props have proper autodocs- [ ] Added documentation- [ ] Checked Code Sandbox works for the any docs examples- [ ] Added or updated jest tests- [ ] Checked for breaking changes and labeled appropriately- [ ] Checked for accessibility including keyboard-only and screenreader modes