mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-31 23:47:28 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

update connector styling

Browse source
This commit is contained in:
Mutasem 2021-10-13 10:00:36 +02:00
parent c449879460
commit 1c961d4b0b
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/editor-ui/src/n8n-theme.scss
View file

@ -2,6 +2,7 @@
@import "~n8n-design-system/theme/dist/index.css"; @import "~n8n-design-system/theme/dist/index.css";
body { body {
background-color: $--custom-node-view-background; background-color: $--custom-node-view-background;
} }

12
packages/editor-ui/src/views/NodeView.vue
View file

@ -1335,7 +1335,7 @@ export default mixins(
]; ];
this.instance.importDefaults({ this.instance.importDefaults({
Connector: ['Flowchart', { cornerRadius: 8, stub: 60, gap: 5, alwaysRespectStubs: false}], Connector: ['Bezier', { curviness: 150 }],
Endpoint: ['Dot', { radius: 5 }], Endpoint: ['Dot', { radius: 5 }],
DragOptions: { cursor: 'pointer', zIndex: 5000 }, DragOptions: { cursor: 'pointer', zIndex: 5000 },
PaintStyle: { strokeWidth: 2, stroke: getStyleTokenValue('--color-foreground-dark') }, PaintStyle: { strokeWidth: 2, stroke: getStyleTokenValue('--color-foreground-dark') },
@ -1362,6 +1362,16 @@ export default mixins(
}); });
this.instance.bind('connection', (info: OnConnectionBindInfo) => { this.instance.bind('connection', (info: OnConnectionBindInfo) => {
info.connection.setConnector(['Flowchart', { cornerRadius: 8, stub: 60, gap: 5, alwaysRespectStubs: false}]);
info.connection.addOverlay([
'Arrow',
{
location: 1,
width: 12,
foldback: 1,
length: 10,
},
]);
// @ts-ignore // @ts-ignore
const sourceInfo = info.sourceEndpoint.getParameters(); const sourceInfo = info.sourceEndpoint.getParameters();
// @ts-ignore // @ts-ignore