Improve the layout of the Workflow Visualizer (#8372)

- Increase the dimensions of the ReactFlow nodes. This allows to ditch scaling which made it hard to get the width of the nodes as they were visually scaled by 1.3. - Center the flow when the flow mounts and when the state of the right drawer opens. - Put the node type inside of the node so it doesn't overlap with the arrow - Make the edges non deletable We'll have to make a refactor so the viewport can be animated properly: https://github.com/twentyhq/twenty/issues/8387. https://github.com/user-attachments/assets/69494a32-5403-4898-be75-7fc38058e263 --------- Co-authored-by: Félix Malfait <felix@twenty.com>
2024-11-12 17:52:12 +01:00
parent aadcb49dcb
commit 31f03764d6
9 changed files with 131 additions and 52 deletions
@@ -11,7 +11,7 @@ export const WorkflowDiagramCreateStepNode = () => {
    <>
      <StyledTargetHandle type="target" position={Position.Top} />

-      <IconButton Icon={IconPlus} size="small" />
+      <IconButton Icon={IconPlus} size="medium" />
    </>
  );
 };