From d73105df61ab4d6d3bf666069c8781e2de169171 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 23 Jul 2020 23:33:42 +0200
Subject: [PATCH] style(nodes): default styles

---
 example/src/Overview/index.js | 19 -------------------
 src/style.css                 |  7 ++++---
 2 files changed, 4 insertions(+), 22 deletions(-)

diff --git a/example/src/Overview/index.js b/example/src/Overview/index.js
index 9eb7ddc2..6d834393 100644
--- a/example/src/Overview/index.js
+++ b/example/src/Overview/index.js
@@ -104,16 +104,6 @@ const initialElements = [
 
 const OverviewFlow = () => {
   const [elements, setElements] = useState(initialElements);
-
-  const addRandomNode = () => {
-    setElements((els) =>
-      els.concat({
-        id: (els.length + 1).toString(),
-        data: { label: 'Added node' },
-        position: { x: Math.random() * window.innerWidth, y: Math.random() * window.innerHeight },
-      })
-    );
-  };
   const onElementsRemove = (elementsToRemove) => setElements((els) => removeElements(elementsToRemove, els));
   const onConnect = (params) => setElements((els) => addEdge(params, els));
 
@@ -144,15 +134,6 @@ const OverviewFlow = () => {
       />
       <Controls />
       <Background color="#888" gap={16} />
-
-      <button
-        type="button"
-        onClick={addRandomNode}
-        style={{ position: 'absolute', right: 10, top: 30, zIndex: 4 }}
-        className="overview-example__add"
-      >
-        add node
-      </button>
     </ReactFlow>
   );
 };
diff --git a/src/style.css b/src/style.css
index 7fdaef30..d6c8a389 100644
--- a/src/style.css
+++ b/src/style.css
@@ -117,13 +117,14 @@
 .react-flow__node-default.selectable,
 .react-flow__node-input.selectable,
 .react-flow__node-output.selectable {
+
   &.selected,
   &.selected:hover {
-    box-shadow: 0 0 0 2px #555;
+    box-shadow: 0 0 0 1px #333;
   }
 
   &:hover {
-    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.08);
+    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
   }
 }
 
@@ -193,4 +194,4 @@
   right: 0;
   top: 50%;
   transform: translate(0, -50%);
-}
+}
\ No newline at end of file