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

problems: styles tweaks

Browse Source
This commit is contained in:
Alexander Zobnin
2018-12-27 12:45:22 +03:00
parent dd7b2565cb
commit ad0f2c809c
3 changed files with 22 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/sass/_panel-problems.scss
View File

@@ -25,11 +25,11 @@
}
&:hover {
border-left: solid 2px rgba($blue, 0.5);
border-left: solid 2px $problems-table-row-hovered-shadow-color;
.rt-tr {
background: $problems-table-row-hovered;
box-shadow: 0px 0px 5px rgba($blue, 0.5);
box-shadow: $problems-table-row-hovered-shadow;
z-index: 1;
}
@@ -138,7 +138,7 @@
}
& .expanded {
i {
color: $blue;
color: $problem-expander-expanded-color;
}
}
// background: linear-gradient(to bottom, $dark-5 50%, $dark-2 50%);
@@ -148,9 +148,9 @@
}
&.custom-expander:hover {
// background-position: right top;
background-color: $problem-expander-highlighted;
background-color: $problem-expander-highlighted-background;
i {
color: $blue;
color: $problem-expander-highlighted-color;
}
}
&.last-change {

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

@@ -3,13 +3,21 @@ $regex: #d69e2e;
$zbx-tag-color: $gray-5;
$zbx-text-highlighted: $white;
$zbx-text-color-disabled: $gray-1;
$action-button-color: $blue-dark;
$action-button-text-color: $gray-4;
$problems-border-color: $dark-1;
$problems-table-stripe: $dark-3;
$problems-table-row-hovered: darken($problems-table-stripe, 2%);
$problems-table-row-hovered-shadow-color: rgba($blue, 0.5);
$problems-table-row-hovered-shadow: 0px 0px 8px $problems-table-row-hovered-shadow-color;
$problem-details-background: $dark-3;
$problem-expander-highlighted-background: #676767;
$problem-expander-highlighted-color: $blue;
$problem-expander-expanded-color: $blue;
$problem-statusbar-background: $dark-2;
$problem-statusbar-muted: $dark-3;
$problem-statusbar-fired: $orange;
@@ -21,5 +29,4 @@ $problem-event-core: #000000;
$problem-event-ok-color: #38bd71;
$problem-event-problem-color: #d70000;
$problem-expander-highlighted: lighten($problems-table-stripe, 8%);
$problem-container-shadow: rgba($gray-2, 0.2)

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

@@ -3,13 +3,21 @@ $regex: #d69e2e;
$zbx-tag-color: $gray-6;
$zbx-text-highlighted: $black;
$zbx-text-color-disabled: $gray-3;
$action-button-color: #497dc0;
$action-button-text-color: $gray-6;
$problems-border-color: $dark-1;
$problems-table-stripe: $gray-6;
$problems-table-row-hovered: $gray-4;
$problems-table-row-hovered: $white;
$problems-table-row-hovered-shadow-color: $blue;
$problems-table-row-hovered-shadow: 0px 1px 8px 1px $problems-table-row-hovered-shadow-color;
$problem-details-background: $gray-6;
$problem-expander-highlighted-background: #424755;
$problem-expander-highlighted-color: #8ad9f5;
$problem-expander-expanded-color: $blue;
$problem-statusbar-background: $gray-4;
$problem-statusbar-muted: $gray-5;
$problem-statusbar-fired: #ca4c17;
@@ -21,5 +29,4 @@ $problem-event-core: $gray-6;
$problem-event-ok-color: #2baf63;
$problem-event-problem-color: #d70000;
$problem-expander-highlighted: darken($problems-table-stripe, 20%);
$problem-container-shadow: rgba($gray-2, 0.5)