IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

wip: alternative level styling & hover effect

Browse Source
This commit is contained in:
Torkel Ödegaard 2018-12-06 15:13:00 +01:00
parent b9517d1104
commit 03b5f32e07
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/sass/components/_panel_logs.scss
View File

@ -67,7 +67,7 @@ $column-horizontal-spacing: 10px;
&:first-child { &:first-child {
padding-left: $column-horizontal-spacing - 2px; padding-left: $column-horizontal-spacing - 2px;
border-left: 2px solid transparent; // border-left: 2px solid transparent;
} }
&:last-child { &:last-child {
@ -76,13 +76,14 @@ $column-horizontal-spacing: 10px;
} }
&:hover { &:hover {
> div:first-child { > div {
border-left: 2px solid $blue; // border-left: 2px solid $blue;
background: $page-bg;
} }
} }
&:nth-child(odd) { &:nth-child(odd) {
background: $page-bg; // background: $page-bg;
} }
} }
@ -116,15 +117,16 @@ $column-horizontal-spacing: 10px;
.logs-row__level { .logs-row__level {
position: relative; position: relative;
width: 12px; // width: 12px;
&::after { &::after {
content: ''; content: '';
display: block; display: block;
width: 12px; position: absolute;
height: 12px; top: 1px;
bottom: 1px;
width: 3px;
background-color: $gray-2; background-color: $gray-2;
border-radius: 50%;
} }
&--critical, &--critical,