fix(editor): Fix empty objects in schema view in output panel (#14355)

This commit is contained in:
Elias Meire
2025-04-04 19:38:39 +02:00
committed by GitHub
parent 54fcf58331
commit 2f0b5e488e
4 changed files with 837 additions and 16 deletions

View File

@@ -432,14 +432,12 @@ const onDragEnd = (el: HTMLElement) => {
v-else-if="item.type === 'notice'"
v-n8n-html="item.message"
class="notice"
:style="{ marginLeft: `calc(var(--spacing-l) + var(--spacing-l) * ${item.level})` }"
:style="{ '--schema-level': item.level }"
/>
<div
v-else-if="item.type === 'empty'"
:style="{
paddingBottom: `var(--spacing-xs)`,
marginLeft: `var(--spacing-xl)`,
}"
class="empty-schema"
:style="{ '--schema-level': item.level }"
>
<N8nText tag="div" size="small">
<i18n-t
@@ -450,12 +448,12 @@ const onDragEnd = (el: HTMLElement) => {
<template #link>
<NodeExecuteButton
:node-name="item.nodeName"
:label="i18n.baseText('ndv.input.noOutputData.executePrevious')"
text
telemetry-source="inputs"
hide-icon
:label="i18n.baseText('ndv.input.noOutputData.executePrevious')"
size="small"
:style="{ padding: 0 }"
class="execute-button"
/>
</template>
</i18n-t>
@@ -507,4 +505,17 @@ const onDragEnd = (el: HTMLElement) => {
font-size: var(--font-size-2xs);
line-height: var(--font-line-height-loose);
}
.notice {
margin-left: calc(var(--spacing-l) * var(--schema-level));
}
.empty-schema {
padding-bottom: var(--spacing-xs);
margin-left: calc((var(--spacing-xl) * var(--schema-level)));
}
.execute-button {
padding: 0;
}
</style>