-
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
[EuiToolTip] Convert to Emotion styling #6104
Conversation
Preview documentation changes for this PR: https://eui.elastic.co/pr_6104/ |
Preview documentation changes for this PR: https://eui.elastic.co/pr_6104/ |
Preview documentation changes for this PR: https://eui.elastic.co/pr_6104/ |
Preview documentation changes for this PR: https://eui.elastic.co/pr_6104/ |
Preview documentation changes for this PR: https://eui.elastic.co/pr_6104/ |
@@ -82,7 +84,7 @@ export class EuiSuperUpdateButton extends Component< | |||
} | |||
} | |||
|
|||
setTootipRef: Ref<EuiToolTip> = (node) => { | |||
setTootipRef = (node: ToolTipRef) => { |
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.
this is much nicer
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.
Yeah it's actually required for functional components, but I left it in after reverting to a class component.
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.
Changes LGTM, can't find anything misrendered or not acting correctly in the preview. Have a question about one change
Summary
EuiToolTipPopover
to be a function componentEuiToolTipAnchor
andEuiToolTipArrow
componentsEuiToolTip
remains as a class component because of the delicate hide/show logic that the interaction relies on and because it does not actually need to useuseEuiTheme
. Subcomponents were created and can handle individual styling concerns.Checklist