eliott/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n synced 2026-04-19 13:05:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): Center sub-node icons and refresh triggers panel icons (#28515)

Browse Source 
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Tuukka Kantola
2026-04-15 12:35:12 +02:00
committed by GitHub
parent b3e56437c8
commit 6739856aa3
2 changed files with 22 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
packages/frontend/editor-ui/src/features/shared/nodeCreator/components/ItemTypes/NodeItem.vue
View File

@@ -194,13 +194,15 @@ function onCommunityNodeTooltipClick(event: MouseEvent) {
@dragend="onDragEnd"
>
<template #icon>
<div v-if="isSubNodeType" :class="$style.subNodeBackground"></div>
<NodeIcon
:class="$style.nodeIcon"
:node-type="nodeType"
:size="nodeListIconSize"
color-default="var(--color--foreground--shade-2)"
/>
<div :class="$style.iconWrapper">
<div v-if="isSubNodeType" :class="$style.subNodeBackground"></div>
<NodeIcon
:class="$style.nodeIcon"
:node-type="nodeType"
:size="nodeListIconSize"
color-default="var(--color--foreground--shade-2)"
/>
</div>
</template>
<template v-if="isOfficial" #extraDetails>
@@ -264,6 +266,13 @@ function onCommunityNodeTooltipClick(event: MouseEvent) {
user-select: none;
}
.iconWrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.nodeIcon {
z-index: 2;
}
@@ -272,9 +281,11 @@ function onCommunityNodeTooltipClick(event: MouseEvent) {
background-color: var(--node-type--supplemental--color--background);
border-radius: 50%;
height: 40px;
position: absolute;
transform: translate(-7px, -7px);
width: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}

4
packages/frontend/editor-ui/src/features/shared/nodeCreator/views/viewsData.ts
View File

@@ -427,7 +427,7 @@ export function TriggerView() {
name: WEBHOOK_NODE_TYPE,
displayName: i18n.baseText('nodeCreator.triggerHelperPanel.webhookTriggerDisplayName'),
description: i18n.baseText('nodeCreator.triggerHelperPanel.webhookTriggerDescription'),
iconData: { type: 'icon', icon: 'webhook' },
icon: 'node:webhook',
},
},
{
@@ -439,7 +439,7 @@ export function TriggerView() {
name: FORM_TRIGGER_NODE_TYPE,
displayName: i18n.baseText('nodeCreator.triggerHelperPanel.formTriggerDisplayName'),
description: i18n.baseText('nodeCreator.triggerHelperPanel.formTriggerDescription'),
iconData: { type: 'icon', icon: 'form' },
icon: 'node:form-trigger',
},
},
{