diff --git a/app/vmui/packages/vmui/src/components/ExploreAlerts/BaseRule/index.tsx b/app/vmui/packages/vmui/src/components/ExploreAlerts/BaseRule/index.tsx index 7c0d23d84c..97b27eba19 100644 --- a/app/vmui/packages/vmui/src/components/ExploreAlerts/BaseRule/index.tsx +++ b/app/vmui/packages/vmui/src/components/ExploreAlerts/BaseRule/index.tsx @@ -154,7 +154,7 @@ const BaseRule = ({ item }: BaseRuleProps) => { {!!item?.alerts?.length && ( <> Alerts - +
@@ -190,7 +190,7 @@ const BaseRule = ({ item }: BaseRuleProps) => {
[name, { color: "passive", value: value, diff --git a/app/vmui/packages/vmui/src/components/ExploreAlerts/BaseRule/style.scss b/app/vmui/packages/vmui/src/components/ExploreAlerts/BaseRule/style.scss index 63c6aa8e9e..c4e7bd0850 100644 --- a/app/vmui/packages/vmui/src/components/ExploreAlerts/BaseRule/style.scss +++ b/app/vmui/packages/vmui/src/components/ExploreAlerts/BaseRule/style.scss @@ -44,6 +44,7 @@ word-break: break-word; table-layout: fixed; width: 100%; + td, th { line-height: 30px; padding: 4px $padding-small; @@ -52,15 +53,33 @@ overflow: hidden; text-overflow: ellipsis; } + th { white-space: nowrap; } + td.align-center { text-align: center } + th { font-weight: bold; padding: 0 $padding-small; } } + + .vm-alerts-table { + tr { + border-bottom: $border-divider; + + &:hover { + background: $color-background-hover; + } + } + + td { + vertical-align: top; + padding-block: $padding-small; + } + } } diff --git a/docs/victoriametrics/changelog/CHANGELOG.md b/docs/victoriametrics/changelog/CHANGELOG.md index c093a1ff49..234e3e21cb 100644 --- a/docs/victoriametrics/changelog/CHANGELOG.md +++ b/docs/victoriametrics/changelog/CHANGELOG.md @@ -27,6 +27,7 @@ See also [LTS releases](https://docs.victoriametrics.com/victoriametrics/lts-rel ## tip * FEATURE: [vmbackupmanager](https://docs.victoriametrics.com/victoriametrics/vmbackupmanager/): add `-backupTypeTagName` flag that sets tag to each backup object with a name equal to flag value and value, that equals to backup type (`hourly`, `daily`, `monthly`, `latest`, `weekly`). Useful for [AWS S3 lifecycle policy management](https://docs.aws.amazon.com/AmazonS3/latest/userguide/object-lifecycle-mgmt.html). +* FEATURE: [vmui](https://docs.victoriametrics.com/victoriametrics/single-server-victoriametrics/#vmui): improve Alerting page styling so rule labels are clearly separated. See [#9856](https://github.com/VictoriaMetrics/VictoriaMetrics/issues/9856). * BUGFIX: [vmalert](https://docs.victoriametrics.com/victoriametrics/vmalert/): don't increase `vmalert_alerts_send_errors_total` for request context cancellation, which may occur during graceful shutdown or group configuration update. See [#10027](https://github.com/VictoriaMetrics/VictoriaMetrics/issues/10027). * BUGFIX: `vmstorage` in [VictoriaMetrics cluster](https://docs.victoriametrics.com/victoriametrics/cluster-victoriametrics/) and [vmsingle](https://docs.victoriametrics.com/victoriametrics/single-server-victoriametrics/): properly increment `vm_missing_metric_names_for_metric_id_total` metric.