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

problems: more work on styles

Browse Source
This commit is contained in:
Alexander Zobnin
2018-12-26 12:49:27 +03:00
parent b448c4117d
commit 5fd9630163
4 changed files with 81 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -394,8 +394,8 @@
.event-timeline {
position: relative;
margin-bottom: 0.6rem;
padding-top: 2rem;
margin: 0.6rem 0;
padding-top: 2.6rem;
// margin-top: auto;
.timeline-info-container {
@@ -403,29 +403,34 @@
top: 0;
left: 0;
transition: all 0.2s ease-out;
// border: 1px solid $text-muted;
// border-radius: 2px;
display: block;
// opacity: 0.8;
.event-timestamp {
font-weight: 500;
color: $text-muted;
.event-timestamp-label {
color: $text-muted;
}
.event-timestamp-value {
float: right;
}
}
}
// svg.event-timeline-canvas {
// // height: 40px;
// g.event-timeline-group {
// // height: 40px;
// // transform: translate(0px, 14px);
// }
// }
.problem-event-region {
// transition: all 0.2s ease-out;
// opacity: 0.7;
&.problem-event {
&--ok {
fill: $problem-event-ok-color;
}
&--problem {
fill: $problem-event-problem-color;
}
}
&:hover,
&.highlighted {
// opacity: 1;
@@ -439,6 +444,19 @@
transition: all 0.2s ease-out;
}
&.problem-event {
&--ok .point-border {
fill: $problem-event-ok-color;
}
&--problem .point-border {
fill: $problem-event-problem-color;
}
}
.point-core {
fill: $problem-event-core;
}
&:hover,
&.highlighted {
circle.point-border {
@@ -447,7 +465,7 @@
filter: url(#glowShadow);
}
.point-core {
fill: $problem-event-highlighted;
fill: $problem-event-core-highlighted;
}
}
}

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

@@ -2,6 +2,7 @@ $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;
@@ -14,6 +15,11 @@ $problem-statusbar-muted: $dark-3;
$problem-statusbar-fired: $orange;
$problem-statusbar-glow: 0px 0px 10px rgba($problem-statusbar-fired, 0.1);
$problem-event-highlighted: $white;
$problem-event-highlighted: rgba($white, 0.7);
$problem-event-core-highlighted: $white;
$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)

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

@@ -2,6 +2,7 @@ $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;
@@ -15,5 +16,10 @@ $problem-statusbar-fired: #ca4c17;
$problem-statusbar-glow: inset 0px 0px 10px rgba($problem-statusbar-fired, 0.5);
$problem-event-highlighted: $white;
$problem-event-core-highlighted: $white;
$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)