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