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

Merge pull request #14368 from grafana/explore-logs-styling-alt2

Browse Source 
Explore logs styling
This commit is contained in:
Torkel Ödegaard
2018-12-06 22:30:06 +01:00
committed by GitHub
parent be2d9edd1f e7fe0bd668
commit ef77748a1b
6 changed files with 57 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/sass/_variables.dark.scss
View File

@@ -350,3 +350,6 @@ $diff-json-icon: $gray-7;
//Submenu
$variable-option-bg: $blue-dark;
// logs
$logs-color-unkown: $gray-2;

3
public/sass/_variables.light.scss
View File

@@ -359,3 +359,6 @@ $diff-json-icon: $gray-4;
//Submenu
$variable-option-bg: $blue-light;
// logs
$logs-color-unkown: $gray-5;

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

@@ -1,3 +1,5 @@
$column-horizontal-spacing: 10px;
.logs-panel-controls {
display: flex;
background-color: $page-bg;
@@ -59,8 +61,14 @@
> div {
display: table-cell;
padding-left: 10px;
border: 1px solid transparent;
padding-right: $column-horizontal-spacing;
vertical-align: middle;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
&:hover {
background: $page-bg;
}
}
@@ -70,6 +78,7 @@
.logs-row__labels {
max-width: 20%;
line-height: 1.2;
}
.logs-row__message {
@@ -93,36 +102,55 @@
}
.logs-row__level {
background-color: transparent;
position: relative;
width: 3px;
padding: 0 !important;
&::after {
content: '';
display: block;
position: absolute;
top: 1px;
bottom: 1px;
width: 3px;
background-color: $logs-color-unkown;
}
&--critical,
&--crit {
background-color: #705da0;
&::after {
background-color: #705da0;
}
}
&--error,
&--err {
background-color: #e24d42;
&::after {
background-color: #e24d42;
}
}
&--warning,
&--warn {
background-color: #eab839;
&::after {
background-color: $warn;
}
}
&--info {
background-color: #7eb26d;
&::after {
background-color: #7eb26d;
}
}
&--debug {
background-color: #1f78c1;
&::after {
background-color: #1f78c1;
}
}
&--trace {
background-color: #6ed0e0;
&::after {
background-color: #6ed0e0;
}
}
}
@@ -162,10 +190,6 @@
box-shadow: $popover-shadow;
}
.logs-row__labels {
line-height: 1.2;
}
.logs-stats__info {
margin-bottom: $spacer / 2;
}