DashboardGrid: Fixed flickering while resizing (#21221)

2019-12-21 08:01:26 +01:00
parent 5addf9fafd
commit 6c2375e495
1 changed files with 4 additions and 3 deletions
@@ -2,13 +2,14 @@
@import '~react-resizable/css/styles.css';

 .react-resizable-handle {
-  display: none;
+  // this needs to use visibility and not display none in order not to cause resize flickering
+  visibility: hidden;
 }

 .react-grid-item {
  &:hover {
    .react-resizable-handle {
-      display: initial;
+      visibility: visible;
    }
  }
 }
@@ -47,7 +48,7 @@
  }

  .react-resizable-handle {
-    display: none !important;
+    display: none;
  }

  // the react-grid has a height transition