Misthios/grafana-zabbix
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

problems: fix background highlight for alert list

Browse Source
This commit is contained in:
Alexander Zobnin
2019-01-15 18:00:35 +03:00
parent 195373953c
commit 79e4ec884a
4 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/panel-triggers/components/AlertList/AlertCard.tsx
View File

@@ -66,7 +66,7 @@ export default class AlertCard extends PureComponent<AlertCardProps, AlertCardSt
const cardStyle: CSSProperties = {}; const cardStyle: CSSProperties = {};
if (panelOptions.highlightBackground) { if (panelOptions.highlightBackground) {
cardStyle.background = severityDesc.color; cardStyle.backgroundColor = severityDesc.color;
} }
return ( return (

1
src/sass/_panel-triggers.scss
View File

@@ -119,6 +119,7 @@
.zbx-trigger-highlighted { .zbx-trigger-highlighted {
color: $zbx-text-highlighted; color: $zbx-text-highlighted;
background: linear-gradient(135deg, $zbx-card-background-start, $zbx-card-background-stop);
.alert-rule-item__body, .alert-rule-item__body,
.alert-rule-item__header, .alert-rule-item__header,

2
src/sass/_variables.dark.scss
View File

@@ -3,6 +3,8 @@ $regex: #d69e2e;
$zbx-tag-color: $gray-5; $zbx-tag-color: $gray-5;
$zbx-text-highlighted: $white; $zbx-text-highlighted: $white;
$zbx-text-color-disabled: $gray-1; $zbx-text-color-disabled: $gray-1;
$zbx-card-background-start: #2f2f321f;
$zbx-card-background-stop: #262628c7;
$action-button-color: $blue-dark; $action-button-color: $blue-dark;
$action-button-text-color: $gray-4; $action-button-text-color: $gray-4;

2
src/sass/_variables.light.scss
View File

@@ -3,6 +3,8 @@ $regex: #d69e2e;
$zbx-tag-color: $gray-6; $zbx-tag-color: $gray-6;
$zbx-text-highlighted: $black; $zbx-text-highlighted: $black;
$zbx-text-color-disabled: $gray-3; $zbx-text-color-disabled: $gray-3;
$zbx-card-background-start: #e9edf257;
$zbx-card-background-stop: #dde4edff;
$action-button-color: #497dc0; $action-button-color: #497dc0;
$action-button-text-color: $gray-6; $action-button-text-color: $gray-6;