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
@@ -32,6 +32,7 @@ export const WorkflowDiagramStepNodeEditable = ({
      RightFloatingElement={
        selected ? (
          <FloatingIconButton
+            size="medium"
            Icon={IconTrash}
            onClick={() => {
              return deleteOneStep();