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 = () => {
/>
-
-
);
};
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