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 endpoints styling

Browse source
This commit is contained in:
Mutasem 2021-10-28 16:26:15 +02:00
parent 74608b2f87
commit 60b6c50206
1 changed files with 29 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
packages/editor-ui/src/components/mixins/nodeBase.ts
View file

@ -65,15 +65,15 @@ export const nodeBase = mixins(
maxConnections: -1, maxConnections: -1,
endpoint: 'Rectangle', endpoint: 'Rectangle',
endpointStyle: { endpointStyle: {
width: nodeTypeData && nodeTypeData.outputs.length > 2 ? 9 : 10, width: 8,
height: nodeTypeData && nodeTypeData.outputs.length > 2 ? 18 : 24, height: nodeTypeData && nodeTypeData.outputs.length > 2 ? 18 : 20,
fill: '#777', fill: getStyleTokenValue('--color-foreground-xdark'),
stroke: '#777', stroke: getStyleTokenValue('--color-foreground-xdark'),
lineWidth: 0, lineWidth: 0,
}, },
endpointHoverStyle: { endpointHoverStyle: {
width: nodeTypeData && nodeTypeData.outputs.length > 2 ? 9 : 10, width: 8,
height: nodeTypeData && nodeTypeData.outputs.length > 2 ? 18 : 24, height: nodeTypeData && nodeTypeData.outputs.length > 2 ? 18 : 20,
fill: getStyleTokenValue('--color-primary'), fill: getStyleTokenValue('--color-primary'),
stroke: getStyleTokenValue('--color-primary'), stroke: getStyleTokenValue('--color-primary'),
lineWidth: 0, lineWidth: 0,
@ -85,12 +85,12 @@ export const nodeBase = mixins(
maxConnections: -1, maxConnections: -1,
endpoint: 'Dot', endpoint: 'Dot',
endpointStyle: { endpointStyle: {
radius: nodeTypeData && nodeTypeData.outputs.length > 2 ? 7 : 11, radius: nodeTypeData && nodeTypeData.outputs.length > 2 ? 7 : 9,
fill: '#555', fill: getStyleTokenValue('--color-foreground-xdark'),
outlineStroke: 'none', outlineStroke: 'none',
}, },
endpointHoverStyle: { endpointHoverStyle: {
radius: nodeTypeData && nodeTypeData.outputs.length > 2 ? 7 : 11, radius: nodeTypeData && nodeTypeData.outputs.length > 2 ? 7 : 9,
fill: getStyleTokenValue('--color-primary'), fill: getStyleTokenValue('--color-primary'),
outlineStroke: 'none', outlineStroke: 'none',
}, },
@ -111,42 +111,42 @@ export const nodeBase = mixins(
} = { } = {
input: { input: {
1: [ 1: [
'Left', [0.01, 0.5, -1, 0],
], ],
2: [ 2: [
[0, 0.3, -1, 0], [0.01, 0.3, -1, 0],
[0, 0.7, -1, 0], [0.01, 0.7, -1, 0],
], ],
3: [ 3: [
[0, 0.25, -1, 0], [0.01, 0.25, -1, 0],
[0, 0.5, -1, 0], [0.01, 0.5, -1, 0],
[0, 0.75, -1, 0], [0.01, 0.75, -1, 0],
], ],
4: [ 4: [
[0, 0.2, -1, 0], [0.01, 0.2, -1, 0],
[0, 0.4, -1, 0], [0.01, 0.4, -1, 0],
[0, 0.6, -1, 0], [0.01, 0.6, -1, 0],
[0, 0.8, -1, 0], [0.01, 0.8, -1, 0],
], ],
}, },
output: { output: {
1: [ 1: [
'Right', [.99, 0.5, 1, 0],
], ],
2: [ 2: [
[1, 0.3, 1, 0], [.99, 0.3, 1, 0],
[1, 0.7, 1, 0], [.99, 0.7, 1, 0],
], ],
3: [ 3: [
[1, 0.25, 1, 0], [.99, 0.25, 1, 0],
[1, 0.5, 1, 0], [.99, 0.5, 1, 0],
[1, 0.75, 1, 0], [.99, 0.75, 1, 0],
], ],
4: [ 4: [
[1, 0.2, 1, 0], [.99, 0.2, 1, 0],
[1, 0.4, 1, 0], [.99, 0.4, 1, 0],
[1, 0.6, 1, 0], [.99, 0.6, 1, 0],
[1, 0.8, 1, 0], [.99, 0.8, 1, 0],
], ],
}, },
}; };