From 475bd7ad09843780d007d1754606c8cfad71cab8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Wed, 18 Dec 2019 11:15:59 +0100
Subject: [PATCH] Dashboard: Only show resize-handle on hover (#21160)

---
 public/sass/components/_dashboard_grid.scss | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/public/sass/components/_dashboard_grid.scss b/public/sass/components/_dashboard_grid.scss
index 5b865f3c7e4..f8bff5fe76c 100644
--- a/public/sass/components/_dashboard_grid.scss
+++ b/public/sass/components/_dashboard_grid.scss
@@ -1,6 +1,18 @@
 @import '~react-grid-layout/css/styles.css';
 @import '~react-resizable/css/styles.css';
 
+.react-resizable-handle {
+  display: none;
+}
+
+.react-grid-item {
+  &:hover {
+    .react-resizable-handle {
+      display: initial;
+    }
+  }
+}
+
 .panel-in-fullscreen {
   .react-grid-layout {
     height: 100% !important;
@@ -35,7 +47,7 @@
   }
 
   .react-resizable-handle {
-    display: none;
+    display: none !important;
   }
 
   // the react-grid has a height transition