refactor(inactivemode): no pointer events for nodes and edges closes #218

2020-05-13 11:09:22 +02:00
parent 3ce3472dc5
commit 1cc4e2676d
7 changed files with 59 additions and 48 deletions
@@ -100,20 +100,6 @@
  transform-origin: 0 0;
 }

-.is-interactive {
-  .react-flow__node {
-    cursor: grab;
-
-    &:hover > * {
-      box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.08);
-    }
-  }
-
-  .react-flow__handle {
-    cursor: crosshair;
-  }
-}
-
 .react-flow__node {
  position: absolute;
  color: #222;
@@ -123,10 +109,20 @@
  user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
+  cursor: grab;

-  &.selected > * {
+  &.selected > *,
+  &.selected:hover > * {
    box-shadow: 0 0 0 2px #555;
  }
+
+  &:hover > * {
+    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.08);
+  }
+
+  .react-flow__handle {
+    cursor: crosshair;
+  }
 }

 .react-flow__handle {