feat(editor): Schema preview UI updates (#13578)

This commit is contained in:
Elias Meire
2025-03-05 10:29:13 +01:00
committed by GitHub
parent c821f1c532
commit 8790a0df3d
7 changed files with 148 additions and 163 deletions

View File

@@ -314,7 +314,7 @@ const onDragEnd = (el: HTMLElement) => {
@click="toggleNodeAndScrollTop(item.id)"
/>
<VirtualSchemaItem
v-else
v-else-if="item.type === 'item'"
v-bind="item"
:search="search"
:draggable="mappingEnabled"
@@ -323,6 +323,10 @@ const onDragEnd = (el: HTMLElement) => {
@click="toggleLeaf(item.id)"
>
</VirtualSchemaItem>
<N8nTooltip v-else-if="item.type === 'icon'" :content="item.tooltip" placement="top">
<N8nIcon :size="14" :icon="item.icon" class="icon" />
</N8nTooltip>
</DynamicScrollerItem>
</template>
</DynamicScroller>
@@ -347,4 +351,11 @@ const onDragEnd = (el: HTMLElement) => {
text-align: center;
padding: var(--spacing-s) var(--spacing-s) var(--spacing-xl) var(--spacing-s);
}
.icon {
display: inline-flex;
margin-left: var(--spacing-xl);
color: var(--color-text-light);
margin-bottom: var(--spacing-s);
}
</style>