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)`
background-color: ${({ theme }) => theme.border.color.strong};
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;
}
--xy-edge-stroke: ${({ theme }) => theme.border.color.strong};
--xy-node-border-radius: none;
--xy-node-border: 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
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>
</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 { WorkflowDiagramEdge } from '@/workflow/workflow-diagram/types/WorkflowDiagram';
import { THEME_COMMON } from 'twenty-ui';
export const WORKFLOW_VISUALIZER_EDGE_DEFAULT_CONFIGURATION = {
markerEnd: EDGE_ROUNDED_ARROW_MARKER_ID,
style: {
stroke: THEME_COMMON.grayScale.gray25,
},
deletable: false,
selectable: false,
} satisfies Partial<WorkflowDiagramEdge>;