-
Notifications
You must be signed in to change notification settings - Fork 8.5k
Panel Description Tooltip Design Change #79213
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
Panel Description Tooltip Design Change #79213
Conversation
|
Pinging @elastic/kibana-app (Team:KibanaApp) |
cchaos
left a comment
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 a couple notes code-wise. But I think it was really smart to wrap the whole title in the tooltip so that it's easier to reach than just the tiny icon.
src/plugins/embeddable/public/lib/panel/panel_header/panel_header.tsx
Outdated
Show resolved
Hide resolved
src/plugins/embeddable/public/lib/panel/panel_header/panel_header.tsx
Outdated
Show resolved
Hide resolved
cchaos
left a comment
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 and screenshots LGTM!
💚 Build SucceededMetrics [docs]page load bundle size
History
To update your PR or re-run it, just comment with: |
lukeelmers
left a comment
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 LGTM
* wrapped Embeddable Panel title in EuiTooltip and centered description icon
Summary
Closes #79034
A small change to the design of the description tooltip - the tooltip now wraps the entire title, so it's easier to see the description. Additionally, the info icon is better vertically aligned with the panel title.
Before

After

After (Tooltip)

For maintainers