Skip to content

Commit b78cbc5

Browse files
authored
Session View long text breaks the Detailed Panel Process (#243777)
## Summary Fixes: - #208451 ### Before https://github.com/user-attachments/assets/cfd298fe-99ce-43c5-9aef-8144d1a64cb9 ### After https://github.com/user-attachments/assets/0598760d-96e8-4899-84ec-c83449c13208 ### How to test Ingest session view data ``` node scripts/es_archiver load x-pack/solutions/security/test/fixtures/es_archives/session_view/process_events --es-url http://elastic:changeme@localhost:9200 --kibana-url http://elastic:changeme@localhost:5601 node scripts/es_archiver load x-pack/solutions/security/test/fixtures/es_archives/session_view/alerts --es-url http://elastic:changeme@localhost:9200 --kibana-url http://elastic:changeme@localhost:5601 node scripts/es_archiver load x-pack/solutions/security/test/fixtures/es_archives/session_view/io_events --es-url http://elastic:changeme@localhost:9200 --kibana-url http://elastic:changeme@localhost:5601 ``` update one executable field to a long string ### 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) - [x] 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 - [x] 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) - [x] Review the [backport guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing) and apply applicable `backport:*` labels.
1 parent 98685d9 commit b78cbc5

File tree

3 files changed

+7
-0
lines changed
  • x-pack/solutions/security/plugins/session_view/public/components

3 files changed

+7
-0
lines changed

x-pack/solutions/security/plugins/session_view/public/components/detail_panel_description_list/styles.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,10 +21,13 @@ export const useStyles = () => {
2121

2222
const tabListTitle = {
2323
display: 'flex',
24+
minWidth: 0,
2425
};
2526

2627
const tabListDescription = {
2728
display: 'flex',
29+
minWidth: 0,
30+
overflow: 'hidden',
2831
};
2932

3033
return {

x-pack/solutions/security/plugins/session_view/public/components/detail_panel_list_item/styles.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,9 +30,11 @@ export const useStyles = ({ display }: StylesDeps) => {
3030

3131
'& .euiToolTipAnchor': {
3232
width: `calc(100% - ${euiTheme.size.xl})`,
33+
minWidth: 0,
3334
whiteSpace: 'nowrap',
3435
overflow: 'hidden',
3536
textOverflow: 'ellipsis',
37+
display: 'block',
3638
},
3739
};
3840

x-pack/solutions/security/plugins/session_view/public/components/detail_panel_process_tab/styles.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,8 @@ export const useStyles = () => {
2525
const ellipsis: CSSObject = {
2626
overflow: 'hidden',
2727
textOverflow: 'ellipsis',
28+
whiteSpace: 'nowrap',
29+
minWidth: 0,
2830
};
2931

3032
return {

0 commit comments

Comments
 (0)