31f03764d6
- 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>
18 lines
421 B
TypeScript
18 lines
421 B
TypeScript
import styled from '@emotion/styled';
|
|
import { Handle, Position } from '@xyflow/react';
|
|
import { IconButton, IconPlus } from 'twenty-ui';
|
|
|
|
export const StyledTargetHandle = styled(Handle)`
|
|
visibility: hidden;
|
|
`;
|
|
|
|
export const WorkflowDiagramCreateStepNode = () => {
|
|
return (
|
|
<>
|
|
<StyledTargetHandle type="target" position={Position.Top} />
|
|
|
|
<IconButton Icon={IconPlus} size="medium" />
|
|
</>
|
|
);
|
|
};
|