From 50bb8d2e291291ca4db42da0d5c917c5dd4c6786 Mon Sep 17 00:00:00 2001 From: Peter Krenesky Date: Sun, 21 Jan 2024 13:51:07 -0800 Subject: [PATCH] New nodes will now appear with the header mostly centered on the header. --- frontend/chains/ChainGraphEditor.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/frontend/chains/ChainGraphEditor.js b/frontend/chains/ChainGraphEditor.js index 88224020..74deeddb 100644 --- a/frontend/chains/ChainGraphEditor.js +++ b/frontend/chains/ChainGraphEditor.js @@ -152,9 +152,10 @@ const ChainGraphEditor = ({ graph }) => { return; } + // target middle-ish of header const position = reactFlowInstance.project({ - x: event.clientX - reactFlowBounds.left, - y: event.clientY - reactFlowBounds.top, + x: event.clientX - reactFlowBounds.left - 120, + y: event.clientY - reactFlowBounds.top - 50, }); const newNodeID = uuid4(); @@ -215,7 +216,7 @@ const ChainGraphEditor = ({ graph }) => { } } - // create data object instead of waiting for graphql + // create data object instead of waiting for API const data = { id: newNodeID, chain_id: chain?.id || null,