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

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

@@ -3,13 +3,21 @@ $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;
$action-button-color: $blue-dark; $action-button-color: $blue-dark;
$action-button-text-color: $gray-4; $action-button-text-color: $gray-4;
$problems-border-color: $dark-1; $problems-border-color: $dark-1;
$problems-table-stripe: $dark-3; $problems-table-stripe: $dark-3;
$problems-table-row-hovered: darken($problems-table-stripe, 2%); $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-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-background: $dark-2;
$problem-statusbar-muted: $dark-3; $problem-statusbar-muted: $dark-3;
$problem-statusbar-fired: $orange; $problem-statusbar-fired: $orange;
@@ -21,5 +29,4 @@ $problem-event-core: #000000;
$problem-event-ok-color: #38bd71; $problem-event-ok-color: #38bd71;
$problem-event-problem-color: #d70000; $problem-event-problem-color: #d70000;
$problem-expander-highlighted: lighten($problems-table-stripe, 8%);
$problem-container-shadow: rgba($gray-2, 0.2) $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-tag-color: $gray-6;
$zbx-text-highlighted: $black; $zbx-text-highlighted: $black;
$zbx-text-color-disabled: $gray-3; $zbx-text-color-disabled: $gray-3;
$action-button-color: #497dc0; $action-button-color: #497dc0;
$action-button-text-color: $gray-6; $action-button-text-color: $gray-6;
$problems-border-color: $dark-1; $problems-border-color: $dark-1;
$problems-table-stripe: $gray-6; $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-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-background: $gray-4;
$problem-statusbar-muted: $gray-5; $problem-statusbar-muted: $gray-5;
$problem-statusbar-fired: #ca4c17; $problem-statusbar-fired: #ca4c17;
@@ -21,5 +29,4 @@ $problem-event-core: $gray-6;
$problem-event-ok-color: #2baf63; $problem-event-ok-color: #2baf63;
$problem-event-problem-color: #d70000; $problem-event-problem-color: #d70000;
$problem-expander-highlighted: darken($problems-table-stripe, 20%);
$problem-container-shadow: rgba($gray-2, 0.5) $problem-container-shadow: rgba($gray-2, 0.5)