Skip to content

feat(kibana-management): replace title props and wrap EuiButtonIcon with EuiToolTip#271485

Open
weronikaolejniczak wants to merge 2 commits into
elastic:mainfrom
weronikaolejniczak:feat/replace-title-kibana-management
Open

feat(kibana-management): replace title props and wrap EuiButtonIcon with EuiToolTip#271485
weronikaolejniczak wants to merge 2 commits into
elastic:mainfrom
weronikaolejniczak:feat/replace-title-kibana-management

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
@kibanamachine
Copy link
Copy Markdown
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
cloudConnect 38.0KB 38.3KB +360.0B
console 208.4KB 209.0KB +558.0B
datasetQuality 537.9KB 538.0KB +171.0B
dataUsage 28.2KB 28.3KB +90.0B
indexLifecycleManagement 151.5KB 151.5KB +79.0B
indexManagement 793.8KB 794.2KB +398.0B
ingestPipelines 366.0KB 367.0KB +996.0B
queryActivity 21.0KB 21.3KB +321.0B
remoteClusters 85.5KB 85.6KB +66.0B
snapshotRestore 265.9KB 266.1KB +256.0B
streamsApp 2.1MB 2.1MB +819.0B
transform 633.2KB 634.9KB +1.7KB
upgradeAssistant 230.1KB 230.5KB +439.0B
watcher 159.8KB 160.0KB +183.0B
total +6.3KB

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

Pinging @elastic/eui-team (EUI)

@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
@ElenaStoeva ElenaStoeva self-requested a review May 29, 2026 14:55
Copy link
Copy Markdown
Contributor

@ElenaStoeva ElenaStoeva left a comment

Choose a reason for hiding this comment

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

I tested locally and didn't notice any visual regressions but would be nice to have a second pair of eyes from @elastic/kibana-management to test. I left a few comments.

onClick={this.onButtonClick}
data-test-subj="toggleConsoleMenu"
aria-label={i18n.translate('console.requestOptionsButtonAriaLabel', {
defaultMessage: 'Request options',
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Shouldn't this tooltip say something like "Context menu" or "Actions"? Wdyt @jovana-andjelkovic and @EdLewisEL?

Image

data-test-subj="discoverIconLink"
css={{ margin: '0 0.3em' }}
/>
<EuiToolTip content={tooltipContent} disableScreenReaderOutput>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

This is already wrapped in EuiToolTip in line 69 so this might be redundant.

aria-label={i18n.translate('xpack.ingestPipelines.list.table.reloadButtonAriaLabel', {
<EuiToolTip
content={i18n.translate('xpack.ingestPipelines.list.table.reloadButtonAriaLabel', {
defaultMessage: 'refresh',
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

This should be capitalized

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 can do that while we're here, no problem 😄

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 v9.4.2 v9.5.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants