Dashboard: Only show resize-handle on hover (#21160)

475bd7ad · Torkel Ödegaard · GitHub · 8c089b98 · 475bd7ad
Commit 475bd7ad authored Dec 18, 2019 by Torkel Ödegaard Committed by GitHub Dec 18, 2019
Hide whitespace changes
Inline Side-by-side

Showing with 13 additions and 1 deletions

public/sass/components/_dashboard_grid.scss
+13 -1

No files found.
--- a/public/sass/components/_dashboard_grid.scss
+++ b/public/sass/components/_dashboard_grid.scss
 @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