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

fix input output label positions

Browse source
This commit is contained in:
Mutasem 2021-10-20 15:58:42 +02:00
parent d19b31670a
commit 32e9c24e1d
1 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1523,14 +1523,13 @@ export default mixins(
info.connection.removeOverlay('input-name-label'); info.connection.removeOverlay('input-name-label');
} }
// @ts-ignore
info.connection.addOverlay([ info.connection.addOverlay([
'Label', 'Label',
{ {
id: 'input-name-label', id: 'input-name-label',
label: inputName, label: `<span>${inputName}</span>`,
cssClass: 'connection-input-name-label', cssClass: 'connection-input-name-label',
location: 0.8, location: 1,
}, },
]); ]);
} }
@ -1554,7 +1553,7 @@ export default mixins(
id: 'output-name-label', id: 'output-name-label',
label: outputName, label: outputName,
cssClass: 'connection-output-name-label', cssClass: 'connection-output-name-label',
location: 30, location: 13,
}, },
]); ]);
} }
@ -2681,11 +2680,11 @@ export default mixins(
<style lang="scss"> <style lang="scss">
.connection-input-name-label, .connection-input-name-label > span,
.connection-output-items-label, .connection-output-items-label,
.connection-output-name-label { .connection-output-name-label {
border-radius: 7px; border-radius: 7px;
background-color: rgba( $--custom-node-view-background, 0.8 ); background-color: rgba( $--custom-node-view-background, 1 );
font-size: 0.7em; font-size: 0.7em;
font-weight: var(--font-weight-regular); font-weight: var(--font-weight-regular);
line-height: 1.3em; line-height: 1.3em;
@ -2693,6 +2692,16 @@ export default mixins(
white-space: nowrap; white-space: nowrap;
} }
.connection-input-name-label {
position: relative;
span {
position: absolute;
top: -10px;
left: -60px;
}
}
.connection-output-items-label { .connection-output-items-label {
font-size: var(--font-size-s); font-size: var(--font-size-s);
font-weight: var(--font-weight-regular); font-weight: var(--font-weight-regular);