Skip to content

[ML] Fixes overflow of cards in Machine Learning Overview page#223431

Merged
qn895 merged 3 commits intoelastic:mainfrom
qn895:ml-ui-fix-empty-prompt-overflow
Jun 12, 2025
Merged

[ML] Fixes overflow of cards in Machine Learning Overview page#223431
qn895 merged 3 commits intoelastic:mainfrom
qn895:ml-ui-fix-empty-prompt-overflow

Conversation

@qn895
Copy link
Member

@qn895 qn895 commented Jun 11, 2025

Summary

This PR addresses #218317 and fixes the text overflow issue for the prompt cards in the ML overview page. Issue was caused because of the EUI sets a fixed minimum inline image size percentage, so this PR overrides that.

After:

Screen.Recording.2025-06-11.at.10.58.08.mov

Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

  • Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
  • Documentation was added for features that require explanation or tutorials
  • Unit or functional tests were updated or added to match the most common scenarios
  • If a plugin configuration key changed, check if it needs to be allowlisted in the cloud and added to the docker list
  • This was checked for breaking HTTP API changes, and any breaking changes have been approved by the breaking-change committee. The release_note:breaking label should be applied in these situations.
  • Flaky Test Runner was used on any tests changed
  • The PR description includes the appropriate Release Notes section, and the correct release_note:* label is applied per the guidelines

Identify risks

Does this PR introduce any risks? For example, consider risks like hard to test bugs, performance regression, potential of data loss.

Describe the risk, its severity, and mitigation for each identified risk. Invite stakeholders and evaluate how to proceed before merging.

@elasticmachine
Copy link
Contributor

Pinging @elastic/ml-ui (:ml)

@qn895 qn895 added the backport:version Backport to applied version labels label Jun 11, 2025
@qn895
Copy link
Member Author

qn895 commented Jun 11, 2025

@elasticmachine merge upstream

@peteharverson peteharverson changed the title Fix empty prompt overflowing Jun 12, 2025
Copy link
Contributor

@peteharverson peteharverson left a comment

Choose a reason for hiding this comment

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

Tested (Chrome and FF) and LGTM.

@peteharverson peteharverson changed the title [ML] Fixes overflow of cards in ML Overview page Jun 12, 2025
@qn895
Copy link
Member Author

qn895 commented Jun 12, 2025

@elasticmachine merge upstream

@qn895 qn895 enabled auto-merge (squash) June 12, 2025 15:25
@qn895 qn895 merged commit 5ea5892 into elastic:main Jun 12, 2025
11 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.19

https://github.com/elastic/kibana/actions/runs/15617036189

@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
ml 5.4MB 5.4MB +520.0B

History

cc @qn895

iblancof pushed a commit to iblancof/kibana that referenced this pull request Jun 16, 2025
…ic#223431)

## Summary

This PR addresses elastic#218317 and
fixes the text overflow issue for the prompt cards in the ML overview
page. Issue was caused because of the EUI sets a fixed minimum inline
image size percentage, so this PR overrides that.

After:



https://github.com/user-attachments/assets/67ee767e-74c6-4a99-97ed-165047c263cf




### Checklist

Check the PR satisfies following conditions. 

Reviewers should verify this PR satisfies this list as well.

- [ ] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [ ]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [ ] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [ ] If a plugin configuration key changed, check if it needs to be
allowlisted in the cloud and added to the [docker
list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)
- [ ] This was checked for breaking HTTP API changes, and any breaking
changes have been approved by the breaking-change committee. The
`release_note:breaking` label should be applied in these situations.
- [ ] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed
- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

### Identify risks

Does this PR introduce any risks? For example, consider risks like hard
to test bugs, performance regression, potential of data loss.

Describe the risk, its severity, and mitigation for each identified
risk. Invite stakeholders and evaluate how to proceed before merging.

- [ ] [See some risk
examples](https://github.com/elastic/kibana/blob/main/RISK_MATRIX.mdx)
- [ ] ...

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
@kibanamachine kibanamachine added the backport missing Added to PRs automatically when the are determined to be missing a backport. label Jun 16, 2025
@kibanamachine
Copy link
Contributor

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create automatically backports add a backport:* label or prevent reminders by adding the backport:skip label.
You can also create backports manually by running node scripts/backport --pr 223431 locally
cc: @qn895

@qn895 qn895 removed v8.19.0 backport missing Added to PRs automatically when the are determined to be missing a backport. backport:version Backport to applied version labels labels Jun 17, 2025
@qn895 qn895 added the backport:skip This PR does not require backporting label Jun 17, 2025
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 :ml release_note:fix v9.1.0

4 participants