Skip to content

Conversation

@paulinashakirova
Copy link
Contributor

@paulinashakirova paulinashakirova commented Sep 10, 2025

Summary

Implementing custom EuiToolTip following new functionality to be able to customize tooltip distance (eui).

4px offset looks like this

Compressed mode
Screenshot 2025-09-15 at 13 28 16

Screenshot 2025-09-15 at 13 28 32

Expanded mode

Screenshot 2025-09-15 at 13 29 01 Screenshot 2025-09-15 at 13 29 17

rbrtj and others added 2 commits September 9, 2025 21:28
This caused a failure on main, likely due to a PR being merged around
the same time as elastic#229868, which
removes the usage of the translation.
@paulinashakirova paulinashakirova self-assigned this Sep 10, 2025
@paulinashakirova paulinashakirova added release_note:skip Skip the PR/issue when compiling release notes backport:skip This PR does not require backporting labels Sep 10, 2025
@paulinashakirova paulinashakirova marked this pull request as ready for review September 15, 2025 11:33
@paulinashakirova paulinashakirova requested a review from a team as a code owner September 15, 2025 11:33
@paulinashakirova paulinashakirova changed the title New navigation custom offset popover [New navigation] Use custom offset in EuiTooltip Sep 15, 2025
@paulinashakirova
Copy link
Contributor Author

@elasticmachine merge upstream

export const TOP_BAR_HEIGHT = 48;
export const TOP_BAR_POPOVER_GAP = 8;
export const BOTTOM_POPOVER_GAP = 17;
export const POPOVER_OFFSET = 5;
Copy link
Contributor

Choose a reason for hiding this comment

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

@paulinashakirova Why is POPOVER_OFFSET changed here to TOOLTIP_OFFSET?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

They got merged locally at some point, but I’ve split them out now.
Nice catch — appreciate you calling it out 👍

@paulinashakirova paulinashakirova marked this pull request as draft September 15, 2025 12:10
@paulinashakirova paulinashakirova marked this pull request as ready for review September 15, 2025 17:08
export const TOP_BAR_POPOVER_GAP = 8;
export const BOTTOM_POPOVER_GAP = 17;
export const POPOVER_OFFSET = 5;
export const TOOLTIP_OFFSET = 4;
Copy link
Contributor

Choose a reason for hiding this comment

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

@ek-so what do you think about this value? Should we have 2 different ones for collapsed and expanded mode?

Copy link
Contributor

Choose a reason for hiding this comment

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

@weronikaolejniczak thanks for tagging! I took a look already, I think it's fine

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
core 115.1KB 115.1KB +18.0B

History

cc @paulinashakirova

Copy link
Contributor

@weronikaolejniczak weronikaolejniczak left a comment

Choose a reason for hiding this comment

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

LGTM, Kate approves so we're good to go 🚀 thanks, @paulinashakirova!

@paulinashakirova paulinashakirova merged commit b2c12f5 into elastic:main Sep 16, 2025
13 checks passed
@paulinashakirova paulinashakirova deleted the new-navigation-custom-offset-popover branch September 16, 2025 07:57
CAWilson94 pushed a commit to CAWilson94/kibana that referenced this pull request Sep 24, 2025
## Summary

Implementing custom `EuiToolTip` following new functionality to be able
to customize tooltip distance
([eui](https://github.com/elastic/eui/pull/8988/files)).
niros1 pushed a commit that referenced this pull request Sep 30, 2025
## Summary

Implementing custom `EuiToolTip` following new functionality to be able
to customize tooltip distance
([eui](https://github.com/elastic/eui/pull/8988/files)).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting release_note:skip Skip the PR/issue when compiling release notes v9.2.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants