From 22eb558d80c5e9e1a69078d5d050375106fedb21 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Sat, 22 Feb 2020 21:09:06 +0100
Subject: [PATCH] Scrollbar: Show scrollbar on only on hover (#22386)

---
 .../components/CustomScrollbar/_CustomScrollbar.scss   | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/grafana-ui/src/components/CustomScrollbar/_CustomScrollbar.scss b/packages/grafana-ui/src/components/CustomScrollbar/_CustomScrollbar.scss
index 59459788218..8e20df15f2c 100644
--- a/packages/grafana-ui/src/components/CustomScrollbar/_CustomScrollbar.scss
+++ b/packages/grafana-ui/src/components/CustomScrollbar/_CustomScrollbar.scss
@@ -31,11 +31,21 @@
   .thumb-vertical {
     @include gradient-vertical($scrollbarBackground, $scrollbarBackground2);
     border-radius: 6px;
+    opacity: 0;
   }
 
   .thumb-horizontal {
     @include gradient-horizontal($scrollbarBackground, $scrollbarBackground2);
     border-radius: 6px;
+    opacity: 0;
+  }
+
+  &:hover {
+    .thumb-vertical,
+    .thumb-horizontal {
+      opacity: 0.8;
+      transition: opacity 0.3s ease-in-out;
+    }
   }
 
   // page scrollbar should stick to left side to aid hitting it