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