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

Fix workflow edges color (#9917)

Browse Source 
Fixes
https://discord.com/channels/1130383047699738754/1333831150535442462
This commit is contained in:
Baptiste Devessier
2025-01-29 18:04:32 +01:00
committed by GitHub
parent ce8c6c4bac
commit 03f3ccd060
4 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -78,6 +78,7 @@ export const StyledHandle = styled(Handle)`
`; `;
const StyledSourceHandle = styled(StyledHandle)` const StyledSourceHandle = styled(StyledHandle)`
background-color: ${({ theme }) => theme.border.color.strong};
left: ${NODE_ICON_WIDTH + NODE_ICON_LEFT_MARGIN + NODE_BORDER_WIDTH}px; left: ${NODE_ICON_WIDTH + NODE_ICON_LEFT_MARGIN + NODE_BORDER_WIDTH}px;
`; `;

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

@ -61,6 +61,8 @@ const StyledResetReactflowStyles = styled.div`
cursor: pointer; cursor: pointer;
} }
--xy-edge-stroke: ${({ theme }) => theme.border.color.strong};
--xy-node-border-radius: none; --xy-node-border-radius: none;
--xy-node-border: none; --xy-node-border: none;
--xy-node-background-color: none; --xy-node-background-color: none;

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

@ -16,7 +16,7 @@ export const WorkflowDiagramCustomMarkers = () => {
> >
<path <path
d="M0.31094 1.1168C0.178029 0.917434 0.320947 0.650391 0.560555 0.650391H5.43945C5.67905 0.650391 5.82197 0.917434 5.68906 1.1168L3.62404 4.21433C3.32717 4.65963 2.67283 4.65963 2.37596 4.21433L0.31094 1.1168Z" d="M0.31094 1.1168C0.178029 0.917434 0.320947 0.650391 0.560555 0.650391H5.43945C5.67905 0.650391 5.82197 0.917434 5.68906 1.1168L3.62404 4.21433C3.32717 4.65963 2.67283 4.65963 2.37596 4.21433L0.31094 1.1168Z"
fill={theme.grayScale.gray25} fill={theme.border.color.strong}
/> />
</marker> </marker>
</defs> </defs>

4
packages/twenty-front/src/modules/workflow/workflow-diagram/constants/WorkflowVisualizerEdgeDefaultConfiguration.ts
View File

@ -1,12 +1,8 @@
import { EDGE_ROUNDED_ARROW_MARKER_ID } from '@/workflow/workflow-diagram/constants/EdgeRoundedArrowMarkerId'; import { EDGE_ROUNDED_ARROW_MARKER_ID } from '@/workflow/workflow-diagram/constants/EdgeRoundedArrowMarkerId';
import { WorkflowDiagramEdge } from '@/workflow/workflow-diagram/types/WorkflowDiagram'; import { WorkflowDiagramEdge } from '@/workflow/workflow-diagram/types/WorkflowDiagram';
import { THEME_COMMON } from 'twenty-ui';
export const WORKFLOW_VISUALIZER_EDGE_DEFAULT_CONFIGURATION = { export const WORKFLOW_VISUALIZER_EDGE_DEFAULT_CONFIGURATION = {
markerEnd: EDGE_ROUNDED_ARROW_MARKER_ID, markerEnd: EDGE_ROUNDED_ARROW_MARKER_ID,
style: {
stroke: THEME_COMMON.grayScale.gray25,
},
deletable: false, deletable: false,
selectable: false, selectable: false,
} satisfies Partial<WorkflowDiagramEdge>; } satisfies Partial<WorkflowDiagramEdge>;