admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Normalize the spacing between nodes (#9820)

Browse Source 
## Old

![CleanShot 2025-01-23 at 16 38
25@2x](https://github.com/user-attachments/assets/0c8e3b26-5ef4-455a-978e-b430e54b63ba)

![CleanShot 2025-01-23 at 16 38
51@2x](https://github.com/user-attachments/assets/929b73d3-2d7f-45b9-a0fb-62516969bd63)

## New

![CleanShot 2025-01-23 at 17 12
25@2x](https://github.com/user-attachments/assets/670ba386-c643-408d-a682-d279bc81f5c1)
This commit is contained in:
Baptiste Devessier
2025-01-23 18:26:51 +01:00
committed by GitHub
parent daa8ff1299
commit 23400e9679
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramBaseStepNode.tsx
View File

@ -16,8 +16,7 @@ const StyledStepNodeContainer = styled.div`
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-bottom: 12px; padding-block: ${({ theme }) => theme.spacing(3)};
padding-top: 6px;
`; `;
const StyledStepNodeType = styled.div` const StyledStepNodeType = styled.div`

6
packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasBase.tsx
View File

@ -51,6 +51,12 @@ const StyledResetReactflowStyles = styled.div`
min-height: 0; min-height: 0;
min-width: 0; min-width: 0;
} }
.react-flow__handle-top {
transform: translate(-50%, -50%);
}
.react-flow__handle-bottom {
transform: translate(-50%, 100%);
}
.react-flow__handle.connectionindicator { .react-flow__handle.connectionindicator {
cursor: pointer; cursor: pointer;
} }

2
packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCreateStepNode.tsx
View File

@ -7,7 +7,7 @@ import { Position } from '@xyflow/react';
import { IconButton, IconPlus } from 'twenty-ui'; import { IconButton, IconPlus } from 'twenty-ui';
const StyledContainer = styled.div` const StyledContainer = styled.div`
padding-top: ${({ theme }) => theme.spacing(1)}; padding-top: ${({ theme }) => theme.spacing(3)};
transform: translateX(-50%); transform: translateX(-50%);
position: relative; position: relative;
left: ${NODE_ICON_WIDTH + NODE_ICON_LEFT_MARGIN + NODE_BORDER_WIDTH}px; left: ${NODE_ICON_WIDTH + NODE_ICON_LEFT_MARGIN + NODE_BORDER_WIDTH}px;