mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-26 21:19:43 -08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(editor): Fix multiple-output endpoints success style after connection is detached (#5366)

Browse source
This commit is contained in:
OlegIvaniv 2023-02-06 10:22:57 +01:00 committed by GitHub
parent 20356ba8c8
commit 9b628ddc34
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/editor-ui/src/components/Node.vue
View file

@ -892,6 +892,7 @@ export default mixins(
--endpoint-size-medium: 18px; --endpoint-size-medium: 18px;
--stalk-size: 40px; --stalk-size: 40px;
--stalk-success-size: 87px; --stalk-success-size: 87px;
--stalk-success-size-without-label: 40px;
--stalk-long-size: 127px; --stalk-long-size: 127px;
--plus-endpoint-box-size: 24px; --plus-endpoint-box-size: 24px;
--plus-endpoint-box-size-small: 17px; --plus-endpoint-box-size-small: 17px;
@ -1037,7 +1038,7 @@ export default mixins(
} }
.node-output-endpoint-label { .node-output-endpoint-label {
margin-left: calc(var(--endpoint-size-small) + var(--spacing-3xs)); margin-left: calc(var(--endpoint-size-small) + var(--spacing-2xs));
} }
.node-input-endpoint-label { .node-input-endpoint-label {
text-align: right; text-align: right;
@ -1071,10 +1072,13 @@ export default mixins(
opacity: 1; opacity: 1;
} }
} }
.ep-success {
--stalk-size: var(--stalk-success-size);
}
.long-stalk { .long-stalk {
--stalk-size: var(--stalk-long-size); --stalk-size: var(--stalk-long-size);
} }
.ep-success {
--stalk-size: var(--stalk-success-size);
}
.ep-success--without-label {
--stalk-size: var(--stalk-success-size-without-label);
}
</style> </style>

4
packages/editor-ui/src/plugins/endpoints/N8nPlusEndpointType.ts
View file

@ -148,12 +148,16 @@ export class N8nPlusEndpoint extends EndpointRepresentation<ComputedN8nPlusEndpo
if (this.params.showOutputLabel) { if (this.params.showOutputLabel) {
this.label = label; this.label = label;
this.setStalkLabels(); this.setStalkLabels();
return;
} }
this.endpoint.addClass('ep-success--without-label');
} }
clearSuccessOutput() { clearSuccessOutput() {
this.endpoint.removeOverlay('successOutputOverlay'); this.endpoint.removeOverlay('successOutputOverlay');
this.endpoint.removeClass('ep-success'); this.endpoint.removeClass('ep-success');
this.endpoint.removeClass('ep-success--without-label');
this.label = ''; this.label = '';
this.setStalkLabels(); this.setStalkLabels();
} }