From 03b5f32e071033e321a905db8f27aece68302650 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Thu, 6 Dec 2018 15:13:00 +0100
Subject: [PATCH] wip: alternative level styling & hover effect

---
 public/sass/components/_panel_logs.scss | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/public/sass/components/_panel_logs.scss b/public/sass/components/_panel_logs.scss
index f6da51b18e5..2a3c3c96609 100644
--- a/public/sass/components/_panel_logs.scss
+++ b/public/sass/components/_panel_logs.scss
@@ -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,