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.

Sign up for GitHub

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

Jump to bottom

[ResponseOps][AlertsTable] Extend the last column of the alerts table to meet the full page width #186907

Closed
cnasikas opened this issue Jun 25, 2024 · 1 comment
Closed

[ResponseOps][AlertsTable] Extend the last column of the alerts table to meet the full page width #186907

cnasikas opened this issue Jun 25, 2024 · 1 comment
Assignees
@guskovaue
Labels
enhancement New value added to drive a business result Feature:Alerting/AlertsTable Team:ResponseOps Label for the ResponseOps team (formerly the Cases and Alerting teams)

Comments

@cnasikas
Copy link
Member

cnasikas commented Jun 25, 2024 •
edited
Loading

Users can change the column size of the alert table. When the user resizes the column size the width of the column is persisted in the local storage. This means that the alerts table layout is persisted even if the user refreshes the page. On wide screens, and when there is space after the last column, a grey area is shown which is some pages may not look good. We should extend the last column to meet the full page width. Also, we should consider adding a column action for users to be able to reset the width of the column

image (2)

CleanShot 2024-06-18 at 09 30 30
@cnasikas cnasikas added Team:ResponseOps Label for the ResponseOps team (formerly the Cases and Alerting teams) Feature:Alerting/AlertsTable labels Jun 25, 2024
@elasticmachine
Copy link
Contributor

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

@cnasikas cnasikas changed the title [ResponseOps][AlertsTable] [ResponseOps][AlertsTable] Extend the last column of the alerts table to meet the full page width Jun 28, 2024
@cnasikas cnasikas added the enhancement New value added to drive a business result label Jun 28, 2024
@cnasikas cnasikas assigned cnasikas and guskovaue and unassigned cnasikas Aug 5, 2024
This was referenced Aug 14, 2024
Merged
Merged
guskovaue added a commit that referenced this issue Aug 26, 2024
@guskovaue
[MX] Fix alert table last column size (#190712)
e6e51cc 
Issue #186907.

Now even on wide screens, and when there is space after the last column,
a grey area is not shown, last column extended to meet the full page
width. We should extend the last column to meet the full page width.

![Screenshot 2024-08-23 at 14 38
50](https://github.com/user-attachments/assets/d62151fc-9640-46a8-ba60-2b9bd55deeae)


For this part of the task: "Also, we should consider adding a column
action for users to be able to reset the width of the column" I'll
create another issue.

How to test:
1. Create a rule, which will trigger alerts.
2. Go to Alerts table
3. Keep only 3-4 fields in the table
4. Check if the grey area after last field does not exist

![Screenshot 2024-08-23 at 14 42
00](https://github.com/user-attachments/assets/dd0eafb8-9261-4180-9829-eecc1685c04f)

### Checklist

- [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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@guskovaue guskovaue

Labels
enhancement New value added to drive a business result Feature:Alerting/AlertsTable Team:ResponseOps Label for the ResponseOps team (formerly the Cases and Alerting teams)
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@cnasikas @elasticmachine @guskovaue