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

Improve workflow arrows' design (#9619)

Browse Source 
Old design:

![CleanShot_2024-11-12_at_17 37
33](https://github.com/user-attachments/assets/1fcaba6d-f23c-4679-b038-d051abeb0bbd)


New design:

![CleanShot 2025-01-14 at 18 22
10@2x](https://github.com/user-attachments/assets/a683163d-2e3c-42ed-8abd-1f1fd31bf7db)
This commit is contained in:
Baptiste Devessier
2025-01-14 22:38:44 +01:00
committed by GitHub
parent f2bee55e6c
commit c543a930cd
8 changed files with 66 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/twenty-front/src/modules/workflow/workflow-diagram/constants/EdgeRoundedArrowMarkerId.ts Normal file
View File

@ -0,0 +1 @@
export const EDGE_ROUNDED_ARROW_MARKER_ID = 'arrow-rounded';

12
packages/twenty-front/src/modules/workflow/workflow-diagram/constants/WorkflowVisualizerEdgeDefaultConfiguration.ts Normal file
View File

@ -0,0 +1,12 @@
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>;