Skip to content

Conversation

@ThomThomson
Copy link
Contributor

@ThomThomson ThomThomson commented Oct 1, 2020

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
Screen Shot 2020-09-30 at 4 53 16 PM

After
Screen Shot 2020-10-01 at 4 48 57 PM

After (Tooltip)
Screen Shot 2020-10-01 at 4 49 12 PM

For maintainers

@ThomThomson ThomThomson added Feature:Dashboard Dashboard related features design Team:Visualizations Team label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t// v8.0.0 release_note:skip Skip the PR/issue when compiling release notes v7.10.0 labels Oct 1, 2020
@ThomThomson ThomThomson requested review from a team as code owners October 1, 2020 20:56
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-app (Team:KibanaApp)

@botelastic botelastic bot added the Feature:Embedding Embedding content via iFrame label Oct 1, 2020
Copy link
Contributor

@cchaos cchaos left a 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.

Copy link
Contributor

@cchaos cchaos left a 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!

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

page load bundle size

id before after diff
embeddable 290.5KB 290.9KB +347.0B

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

Copy link
Member

@lukeelmers lukeelmers left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code LGTM

@ThomThomson ThomThomson merged commit 6364c14 into elastic:master Oct 2, 2020
ThomThomson added a commit to ThomThomson/kibana that referenced this pull request Oct 2, 2020
* wrapped Embeddable Panel title in EuiTooltip and centered description icon
ThomThomson added a commit that referenced this pull request Oct 2, 2020
* wrapped Embeddable Panel title in EuiTooltip and centered description icon
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

design Feature:Dashboard Dashboard related features Feature:Embedding Embedding content via iFrame release_note:skip Skip the PR/issue when compiling release notes Team:Visualizations Team label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t// v7.10.0 v8.0.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Embeddable] Description Tooltip Design Issues

5 participants