mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-28 22:19:41 -08:00
Code Issues Actions 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');
}
// @ts-ignore
info.connection.addOverlay([
'Label',
{
id: 'input-name-label',
label: inputName,
label: `<span>${inputName}</span>`,
cssClass: 'connection-input-name-label',
location: 0.8,
location: 1,
},
]);
}
@ -1554,7 +1553,7 @@ export default mixins(
id: 'output-name-label',
label: outputName,
cssClass: 'connection-output-name-label',
location: 30,
location: 13,
},
]);
}
@ -2681,11 +2680,11 @@ export default mixins(
<style lang="scss">
.connection-input-name-label,
.connection-input-name-label > span,
.connection-output-items-label,
.connection-output-name-label {
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-weight: var(--font-weight-regular);
line-height: 1.3em;
@ -2693,6 +2692,16 @@ export default mixins(
white-space: nowrap;
}
.connection-input-name-label {
position: relative;
span {
position: absolute;
top: -10px;
left: -60px;
}
}
.connection-output-items-label {
font-size: var(--font-size-s);
font-weight: var(--font-weight-regular);