Skip to content

feat(fleet): replace title props and wrap EuiButtonIcon with EuiToolTip#271476

Open
weronikaolejniczak wants to merge 11 commits into
elastic:mainfrom
weronikaolejniczak:feat/replace-title-fleet
Open

feat(fleet): replace title props and wrap EuiButtonIcon with EuiToolTip#271476
weronikaolejniczak wants to merge 11 commits into
elastic:mainfrom
weronikaolejniczak:feat/replace-title-fleet

Conversation

@weronikaolejniczak
Copy link
Copy Markdown
Contributor

@weronikaolejniczak weronikaolejniczak commented May 27, 2026

Relates to elastic/eui#9566

Important

These changes should be carefully tested visually by each code owner. Wrapping with EuiToolTip instead of passing title leads to another DOM node and can potentially break the layout. In such cases, I would appreciate committing appropriate fixes to this PR directly, I cannot possibly setup and run all Kibana functionalities to fix every regression.

This PR:

  • wraps ALL EuiButtonIcon with EuiToolTip, the content is the same as aria-label, any title passed to EuiButtonIcon is removed,
  • changes several title cases (not truncation related) to use EuiToolTip instead (if applicable).

@weronikaolejniczak weronikaolejniczak added backport:skip This PR does not require backporting EUI release_note:skip Skip the PR/issue when compiling release notes labels May 27, 2026
@alexwizp alexwizp added backport:version Backport to applied version labels v9.5.0 v9.4.2 and removed backport:skip This PR does not require backporting labels May 28, 2026
@alexwizp
Copy link
Copy Markdown
Contributor

/ci

@weronikaolejniczak
Copy link
Copy Markdown
Contributor Author

buildkite test this

Comment on lines +79 to +85
style={{
borderTopLeftRadius: 0,
borderBottomLeftRadius: 0,
borderLeft: '1px solid rgba(255,255,255,0.3)',
height: 40,
minHeight: 0,
}}
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I would recommend migrating this to use @emotion/react instead of inline style. These are not dynamic and there's no reason to keep them inline. Also, is overriding this EuiButtonIcon even necessary? It can lead to more visual inconsistency in UI.

@weronikaolejniczak
Copy link
Copy Markdown
Contributor Author

buildkite test this

@kibanamachine
Copy link
Copy Markdown
Contributor

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] FTR Configs #156 / alerting api integration security and spaces enabled - Group 11 Connectors ServiceNow SIR ServiceNow SIR - Executor Execution getChoices should get choices
  • [job] [logs] FTR Configs #132 / Cloud Security Posture - Group 5 (KSPM + Flyouts) Security Alerts Page - Graph visualization expanded flyout - filter by node
  • [job] [logs] FTR Configs #110 / lens app - TSVB Open in Lens Convert to Lens action on dashboard "before all" hook for "should show notification in context menu if visualization can be converted"
  • [job] [logs] FTR Configs #40 / Synthetics API Tests SyncGlobalParamsSpaces added params to for previously added integration

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
fleet 2.8MB 2.8MB +3.7KB

History

@weronikaolejniczak weronikaolejniczak marked this pull request as ready for review May 29, 2026 12:05
@weronikaolejniczak weronikaolejniczak requested a review from a team as a code owner May 29, 2026 12:05
@infra-vault-gh-plugin-prod
Copy link
Copy Markdown

Pinging @elastic/eui-team (EUI)

@jen-huang jen-huang self-requested a review May 29, 2026 19:30
@botelastic botelastic Bot added the Team:Fleet Team label for Observability Data Collection Fleet team label Jun 1, 2026
@infra-vault-gh-plugin-prod
Copy link
Copy Markdown

Pinging @elastic/fleet (Team:Fleet)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:version Backport to applied version labels EUI release_note:skip Skip the PR/issue when compiling release notes Team:Fleet Team label for Observability Data Collection Fleet team v9.4.2 v9.5.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants