Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Cases] Break long titles in toaster #150257

Merged
merged 3 commits into from
Feb 7, 2023
Merged

Conversation

cnasikas
Copy link
Member

@cnasikas cnasikas commented Feb 3, 2023

Summary

In some toasters, the title of the toaster is set from user input. It is possible for long titles to overflow the toaster. This PR fixes this issue by forcing long titles to break. Uses the EUI CSS utility class eui-textBreakWord.

Fixes: #149485

Checklist

Delete any items that are not applicable to this PR.

For maintainers

@cnasikas cnasikas requested a review from a team as a code owner February 3, 2023 18:50
@cnasikas cnasikas self-assigned this Feb 3, 2023
@cnasikas cnasikas added release_note:skip Skip the PR/issue when compiling release notes Team:ResponseOps Label for the ResponseOps team (formerly the Cases and Alerting teams) Feature:Cases Cases feature v8.7.0 v8.6.2 labels Feb 3, 2023
@elasticmachine
Copy link
Contributor

Pinging @elastic/response-ops-cases (Feature:Cases)

@elasticmachine
Copy link
Contributor

Pinging @elastic/response-ops (Team:ResponseOps)

@cnasikas cnasikas removed the v8.6.2 label Feb 3, 2023
@cnasikas cnasikas added the backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) label Feb 4, 2023
@cnasikas
Copy link
Member Author

cnasikas commented Feb 6, 2023

@elasticmachine merge upstream

@kibana-ci
Copy link
Collaborator

💚 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
cases 391.9KB 391.9KB +38.0B

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
cases 129.8KB 129.9KB +68.0B

History

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

cc @cnasikas

Copy link
Contributor

@js-jankisalvi js-jankisalvi left a comment

Choose a reason for hiding this comment

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

Verified locally, looks good 👍

@cnasikas cnasikas merged commit ce6bde1 into elastic:main Feb 7, 2023
@cnasikas cnasikas deleted the fix_149485 branch February 7, 2023 12:26
@kibanamachine
Copy link
Contributor

💔 All backports failed

Status Branch Result
8.6 Backport failed because of merge conflicts

Manual backport

To create the backport manually run:

node scripts/backport --pr 150257

Questions ?

Please refer to the Backport tool documentation

@cnasikas
Copy link
Member Author

cnasikas commented Feb 7, 2023

💚 All backports created successfully

Status Branch Result
8.6

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

cnasikas added a commit to cnasikas/kibana that referenced this pull request Feb 7, 2023
## Summary

In some toasters, the title of the toaster is set from user input. It is
possible for long titles to overflow the toaster. This PR fixes this
issue by forcing long titles to break. Uses the EUI CSS utility class
`eui-textBreakWord`.

Fixes: elastic#149485

### Checklist

Delete any items that are not applicable to this PR.

- [x] [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

### For maintainers

- [x] This was checked for breaking API changes and was [labeled
appropriately](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

---------

Co-authored-by: Kibana Machine <[email protected]>
(cherry picked from commit ce6bde1)

# Conflicts:
#	x-pack/plugins/cases/public/components/actions/assignees/use_assignees_action.test.tsx
#	x-pack/plugins/cases/public/components/actions/copy_id/use_copy_id_action.test.tsx
#	x-pack/plugins/cases/public/components/actions/use_items_action.test.tsx
cnasikas added a commit that referenced this pull request Feb 7, 2023
# Backport

This will backport the following commits from `main` to `8.6`:
- [[Cases] Break long titles in toaster
(#150257)](#150257)

<!--- Backport version: 8.9.7 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Christos
Nasikas","email":"[email protected]"},"sourceCommit":{"committedDate":"2023-02-07T12:26:56Z","message":"[Cases]
Break long titles in toaster (#150257)\n\n## Summary\r\n\r\nIn some
toasters, the title of the toaster is set from user input. It
is\r\npossible for long titles to overflow the toaster. This PR fixes
this\r\nissue by forcing long titles to break. Uses the EUI CSS utility
class\r\n`eui-textBreakWord`.\r\n\r\nFixes:
https://github.com/elastic/kibana/issues/149485\r\n\r\n###
Checklist\r\n\r\nDelete any items that are not applicable to this
PR.\r\n\r\n- [x] [Unit or
functional\r\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\r\nwere
updated or added to match the most common scenarios\r\n\r\n### For
maintainers\r\n\r\n- [x] This was checked for breaking API changes and
was
[labeled\r\nappropriately](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\r\n\r\n---------\r\n\r\nCo-authored-by:
Kibana Machine
<[email protected]>","sha":"ce6bde172b605133a01055f8498a09e34ad70ce1","branchLabelMapping":{"^v8.7.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:ResponseOps","Feature:Cases","backport:prev-minor","v8.7.0"],"number":150257,"url":"https://github.com/elastic/kibana/pull/150257","mergeCommit":{"message":"[Cases]
Break long titles in toaster (#150257)\n\n## Summary\r\n\r\nIn some
toasters, the title of the toaster is set from user input. It
is\r\npossible for long titles to overflow the toaster. This PR fixes
this\r\nissue by forcing long titles to break. Uses the EUI CSS utility
class\r\n`eui-textBreakWord`.\r\n\r\nFixes:
https://github.com/elastic/kibana/issues/149485\r\n\r\n###
Checklist\r\n\r\nDelete any items that are not applicable to this
PR.\r\n\r\n- [x] [Unit or
functional\r\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\r\nwere
updated or added to match the most common scenarios\r\n\r\n### For
maintainers\r\n\r\n- [x] This was checked for breaking API changes and
was
[labeled\r\nappropriately](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\r\n\r\n---------\r\n\r\nCo-authored-by:
Kibana Machine
<[email protected]>","sha":"ce6bde172b605133a01055f8498a09e34ad70ce1"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v8.7.0","labelRegex":"^v8.7.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/150257","number":150257,"mergeCommit":{"message":"[Cases]
Break long titles in toaster (#150257)\n\n## Summary\r\n\r\nIn some
toasters, the title of the toaster is set from user input. It
is\r\npossible for long titles to overflow the toaster. This PR fixes
this\r\nissue by forcing long titles to break. Uses the EUI CSS utility
class\r\n`eui-textBreakWord`.\r\n\r\nFixes:
https://github.com/elastic/kibana/issues/149485\r\n\r\n###
Checklist\r\n\r\nDelete any items that are not applicable to this
PR.\r\n\r\n- [x] [Unit or
functional\r\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\r\nwere
updated or added to match the most common scenarios\r\n\r\n### For
maintainers\r\n\r\n- [x] This was checked for breaking API changes and
was
[labeled\r\nappropriately](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\r\n\r\n---------\r\n\r\nCo-authored-by:
Kibana Machine
<[email protected]>","sha":"ce6bde172b605133a01055f8498a09e34ad70ce1"}}]}]
BACKPORT-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) Feature:Cases Cases feature release_note:skip Skip the PR/issue when compiling release notes Team:ResponseOps Label for the ResponseOps team (formerly the Cases and Alerting teams) v8.6.2 v8.7.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Text overflows on case status change notification banner panel
6 participants