Skip to content

Commit

Permalink
[8.x] [ResponseOps][Cases]Issues with List Display on Different Viewp…
Browse files Browse the repository at this point in the history 
…orts (elastic#201785) (elastic#202271)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[ResponseOps][Cases]Issues with List Display on Different Viewports
(elastic#201785)](elastic#201785)

<!--- Backport version: 9.4.3 -->

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

<!--BACKPORT [{"author":{"name":"Georgiana-Andreea
Onoleață","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-11-29T10:25:40Z","message":"[ResponseOps][Cases]Issues
with List Display on Different Viewports (elastic#201785)\n\nCloses
https://github.com/elastic/kibana/issues/169196\r\n\r\n##
Summary\r\n\r\n- The columns 'created at', 'updated at', 'closed at',
'severity', and\r\n'external incident' were missing the 'width'
property, resulting in a\r\ndisplay issue where these columns appeared
squeezed on screen\r\nresolutions below 1450px.\r\n- To address this,
the 'width' properties for these columns have been\r\nadded and adjusted
to ensure proper
display\r\n\r\n\r\nhttps://github.com/user-attachments/assets/b5d6735e-49b8-4b35-9648-a1ea1b30e1ef","sha":"f3369930425abc93bb09964029b1ebe7bb516e7a","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:skip","Team:ResponseOps","v9.0.0","backport:prev-minor","v8.17.0"],"title":"[ResponseOps][Cases]Issues
with List Display on Different
Viewports","number":201785,"url":"https://github.com/elastic/kibana/pull/201785","mergeCommit":{"message":"[ResponseOps][Cases]Issues
with List Display on Different Viewports (elastic#201785)\n\nCloses
https://github.com/elastic/kibana/issues/169196\r\n\r\n##
Summary\r\n\r\n- The columns 'created at', 'updated at', 'closed at',
'severity', and\r\n'external incident' were missing the 'width'
property, resulting in a\r\ndisplay issue where these columns appeared
squeezed on screen\r\nresolutions below 1450px.\r\n- To address this,
the 'width' properties for these columns have been\r\nadded and adjusted
to ensure proper
display\r\n\r\n\r\nhttps://github.com/user-attachments/assets/b5d6735e-49b8-4b35-9648-a1ea1b30e1ef","sha":"f3369930425abc93bb09964029b1ebe7bb516e7a"}},"sourceBranch":"main","suggestedTargetBranches":["8.17"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/201785","number":201785,"mergeCommit":{"message":"[ResponseOps][Cases]Issues
with List Display on Different Viewports (elastic#201785)\n\nCloses
https://github.com/elastic/kibana/issues/169196\r\n\r\n##
Summary\r\n\r\n- The columns 'created at', 'updated at', 'closed at',
'severity', and\r\n'external incident' were missing the 'width'
property, resulting in a\r\ndisplay issue where these columns appeared
squeezed on screen\r\nresolutions below 1450px.\r\n- To address this,
the 'width' properties for these columns have been\r\nadded and adjusted
to ensure proper
display\r\n\r\n\r\nhttps://github.com/user-attachments/assets/b5d6735e-49b8-4b35-9648-a1ea1b30e1ef","sha":"f3369930425abc93bb09964029b1ebe7bb516e7a"}},{"branch":"8.17","label":"v8.17.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Georgiana-Andreea Onoleață <[email protected]>
  • Loading branch information
@kibanamachine @georgianaonoleata1904
kibanamachine and georgianaonoleata1904 authored Nov 29, 2024
1 parent faf6ab2 commit d32206a
Show file tree
Hide file tree
Showing 2 changed files with 55 additions and 28 deletions.
67 changes: 44 additions & 23 deletions x-pack/plugins/cases/public/components/all_cases/use_cases_columns.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,12 +83,13 @@ describe('useCasesColumns ', () => {
"name": "Name",
"render": [Function],
"sortable": true,
"width": "20%",
"width": "17%",
},
Object {
"field": "assignees",
"name": "Assignees",
"render": [Function],
"width": "10%",
},
Object {
"field": "tags",
Expand All @@ -101,50 +102,54 @@ describe('useCasesColumns ', () => {
"field": "totalAlerts",
"name": "Alerts",
"render": [Function],
"width": "80px",
"width": "70px",
},
Object {
"align": "right",
"field": "totalComment",
"name": "Comments",
"render": [Function],
"width": "90px",
"width": "75px",
},
Object {
"field": "category",
"name": "Category",
"render": [Function],
"sortable": true,
"width": "120px",
"width": "12%",
},
Object {
"field": "createdAt",
"name": "Created on",
"render": [Function],
"sortable": true,
"width": "15%",
},
Object {
"field": "updatedAt",
"name": "Updated on",
"render": [Function],
"sortable": true,
"width": "15%",
},
Object {
"field": "closedAt",
"name": "Closed on",
"render": [Function],
"sortable": true,
"width": "10%",
},
Object {
"name": "External incident",
"render": [Function],
"width": "10%",
},
Object {
"field": "status",
"name": "Status",
"render": [Function],
"sortable": true,
"width": "110px",
"width": "100px",
},
Object {
"field": "severity",
Expand Down Expand Up @@ -185,12 +190,13 @@ describe('useCasesColumns ', () => {
"name": "Name",
"render": [Function],
"sortable": true,
"width": "20%",
"width": "17%",
},
Object {
"field": "assignees",
"name": "Assignees",
"render": [Function],
"width": "10%",
},
Object {
"field": "tags",
Expand All @@ -203,44 +209,47 @@ describe('useCasesColumns ', () => {
"field": "totalAlerts",
"name": "Alerts",
"render": [Function],
"width": "80px",
"width": "70px",
},
Object {
"align": "right",
"field": "totalComment",
"name": "Comments",
"render": [Function],
"width": "90px",
"width": "75px",
},
Object {
"field": "category",
"name": "Category",
"render": [Function],
"sortable": true,
"width": "120px",
"width": "12%",
},
Object {
"field": "createdAt",
"name": "Created on",
"render": [Function],
"sortable": true,
"width": "15%",
},
Object {
"field": "updatedAt",
"name": "Updated on",
"render": [Function],
"sortable": true,
"width": "15%",
},
Object {
"name": "External incident",
"render": [Function],
"width": "10%",
},
Object {
"field": "status",
"name": "Status",
"render": [Function],
"sortable": true,
"width": "110px",
"width": "100px",
},
Object {
"field": "severity",
Expand Down Expand Up @@ -291,13 +300,14 @@ describe('useCasesColumns ', () => {
"name": "Category",
"render": [Function],
"sortable": true,
"width": "120px",
"width": "12%",
},
Object {
"field": "createdAt",
"name": "Created on",
"render": [Function],
"sortable": true,
"width": "15%",
},
Object {
"field": "severity",
Expand All @@ -309,6 +319,7 @@ describe('useCasesColumns ', () => {
Object {
"align": "right",
"render": [Function],
"width": "70px",
},
],
"isLoadingColumns": false,
Expand Down Expand Up @@ -340,13 +351,14 @@ describe('useCasesColumns ', () => {
"name": "Category",
"render": [Function],
"sortable": true,
"width": "120px",
"width": "12%",
},
Object {
"field": "createdAt",
"name": "Created on",
"render": [Function],
"sortable": true,
"width": "15%",
},
Object {
"field": "severity",
Expand All @@ -358,6 +370,7 @@ describe('useCasesColumns ', () => {
Object {
"align": "right",
"render": [Function],
"width": "70px",
},
],
"isLoadingColumns": false,
Expand Down Expand Up @@ -389,13 +402,14 @@ describe('useCasesColumns ', () => {
"name": "Category",
"render": [Function],
"sortable": true,
"width": "120px",
"width": "12%",
},
Object {
"field": "createdAt",
"name": "Created on",
"render": [Function],
"sortable": true,
"width": "15%",
},
Object {
"field": "severity",
Expand All @@ -407,6 +421,7 @@ describe('useCasesColumns ', () => {
Object {
"align": "right",
"render": [Function],
"width": "70px",
},
],
"isLoadingColumns": false,
Expand All @@ -430,7 +445,7 @@ describe('useCasesColumns ', () => {
"name": "Name",
"render": [Function],
"sortable": true,
"width": "20%",
"width": "17%",
},
Object {
"field": "tags",
Expand All @@ -443,44 +458,47 @@ describe('useCasesColumns ', () => {
"field": "totalAlerts",
"name": "Alerts",
"render": [Function],
"width": "80px",
"width": "70px",
},
Object {
"align": "right",
"field": "totalComment",
"name": "Comments",
"render": [Function],
"width": "90px",
"width": "75px",
},
Object {
"field": "category",
"name": "Category",
"render": [Function],
"sortable": true,
"width": "120px",
"width": "12%",
},
Object {
"field": "createdAt",
"name": "Created on",
"render": [Function],
"sortable": true,
"width": "15%",
},
Object {
"field": "updatedAt",
"name": "Updated on",
"render": [Function],
"sortable": true,
"width": "15%",
},
Object {
"name": "External incident",
"render": [Function],
"width": "10%",
},
Object {
"field": "status",
"name": "Status",
"render": [Function],
"sortable": true,
"width": "110px",
"width": "100px",
},
Object {
"field": "severity",
Expand Down Expand Up @@ -538,7 +556,7 @@ describe('useCasesColumns ', () => {
"name": "Name",
"render": [Function],
"sortable": true,
"width": "20%",
"width": "17%",
},
Object {
"field": "tags",
Expand All @@ -551,44 +569,47 @@ describe('useCasesColumns ', () => {
"field": "totalAlerts",
"name": "Alerts",
"render": [Function],
"width": "80px",
"width": "70px",
},
Object {
"align": "right",
"field": "totalComment",
"name": "Comments",
"render": [Function],
"width": "90px",
"width": "75px",
},
Object {
"field": "category",
"name": "Category",
"render": [Function],
"sortable": true,
"width": "120px",
"width": "12%",
},
Object {
"field": "createdAt",
"name": "Created on",
"render": [Function],
"sortable": true,
"width": "15%",
},
Object {
"field": "updatedAt",
"name": "Updated on",
"render": [Function],
"sortable": true,
"width": "15%",
},
Object {
"name": "External incident",
"render": [Function],
"width": "10%",
},
Object {
"field": "status",
"name": "Status",
"render": [Function],
"sortable": true,
"width": "110px",
"width": "100px",
},
Object {
"field": "severity",
Expand Down
Loading

0 comments on commit d32206a

Please sign in to comment.