kibana/x-pack/plugins/observability/public
Andrew Goldstein 4d92dafa9e
[Observability RAC] Alerts table post-EuiDataGrid style updates (#106349)
## [Observability RAC] Alerts table post-`EuiDataGrid` style updates

This PR updates styles in the Observability `Alerts` table, as a follow-up to the [TGrid migrating to use `EuiDataGrid` for rendering](https://github.com/elastic/kibana/pull/106199), and [this PR](https://github.com/elastic/kibana/pull/105446), which improved the alerts table columns.

- The `Reason` column uses up the remaining width, a follow-up task from https://github.com/elastic/kibana/pull/105446
  - This task was originally tracked by https://github.com/elastic/kibana/issues/105227
- Increased the font weight and vertically aligned the `Actions` header with the other columns
- ~Removed the `Status` column~ (EDIT: we won't remove this, per a discussion w/ UX)
- Increased the width of the `Triggered` column
- ~Renamed the `Duration` column to `Alert duration`~ (EDIT: we won't rename this, per a discussion w/ UX)
- Eliminated the gap between actions
- Added truncation to the `Reason` column

### Before

![before](https://user-images.githubusercontent.com/4459398/126430458-89440150-c10b-43b1-b0b4-2044ddfc22a8.png)

### After

<img width="1280" alt="after" src="https://user-images.githubusercontent.com/4459398/126716690-be310fdf-3760-4014-998b-3c89099c2564.png">

### Desk testing

- To desk test the `Observability > Alerts` page, add the following settings to `config/kibana.dev.yml`:

```
xpack.observability.unsafe.cases.enabled: true
xpack.observability.unsafe.alertingExperience.enabled: true
xpack.ruleRegistry.write.enabled: true
```

cc @mdefazio
2021-07-27 14:41:19 -06:00
..
application Refactor observability plugin breadcrumbs (#102290) 2021-06-17 00:27:23 -05:00
assets [Observability] Exploratory View initial skeleton (#94426) 2021-04-05 15:26:48 +02:00
components Upgrade EUI to v36.0.0 (#106334) 2021-07-27 13:12:00 -05:00
context [Exploratory View] Mobile experience (#99565) 2021-06-18 17:30:53 +02:00
hooks [Exploratory View] Multi Series View (#103855) 2021-07-22 10:14:43 +02:00
pages [Observability RAC] Alerts table post-EuiDataGrid style updates (#106349) 2021-07-27 14:41:19 -06:00
routes [Exploratory View] Multi Series View (#103855) 2021-07-22 10:14:43 +02:00
rules [Alerting] Rename alertTypeRegistry to ruleTypeRegistry according to the new terminology. (#106519) 2021-07-27 10:03:00 -07:00
services [Observability] Expose options to customize sidebar route matching (#100886) 2021-06-01 11:21:29 +02:00
typings [Exploratory View] Mobile experience (#99565) 2021-06-18 17:30:53 +02:00
utils Don't import react-intl directly to reduce bundle sizes (#102497) 2021-06-24 16:52:55 +02:00
data_handler.test.ts [Exploratory View] Mobile experience (#99565) 2021-06-18 17:30:53 +02:00
data_handler.ts Elastic License 2.0 (#90099) 2021-02-03 18:12:39 -08:00
index.ts Fix ENVIRONMENT_ALL links to exploratory view (#105704) 2021-07-16 14:26:33 -05:00
plugin.ts [Alerting] Rename alertTypeRegistry to ruleTypeRegistry according to the new terminology. (#106519) 2021-07-27 10:03:00 -07:00
update_global_navigation.test.tsx Observability side navigation for cases and alerts (#102556) 2021-06-28 11:48:32 -05:00
update_global_navigation.tsx Observability side navigation for cases and alerts (#102556) 2021-06-28 11:48:32 -05:00