admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-16 17:46:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): Address icon feedback (no-changelog) (#17051)

Browse Source
This commit is contained in:
Mutasem Aldmour
2025-07-07 13:12:39 +02:00
committed by GitHub
parent 05360cee79
commit 974a0c1a35
7 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/frontend/@n8n/design-system/src/components/N8nIcon/Icon.vue
View File

@@ -96,6 +96,7 @@ const styles = computed(() => {
<style lang="scss" module>
.strokeWidth {
rect,
path {
stroke-width: var(--n8n-icon-stroke-width);
}

2
packages/frontend/editor-ui/src/components/FixedCollectionParameter.vue
View File

@@ -314,7 +314,7 @@ const trackWorkflowInputFieldAdded = () => {
<N8nIconButton
type="tertiary"
text
size="mini"
size="small"
icon="trash-2"
data-test-id="fixed-collection-delete"
:title="locale.baseText('fixedCollectionParameter.deleteItem')"

4
packages/frontend/editor-ui/src/components/ParameterInputList.vue
View File

@@ -813,8 +813,8 @@ const onCalloutDismiss = async (parameter: INodeProperties) => {
.icon-button {
position: absolute;
opacity: 0;
top: 0;
left: calc(-0.5 * var(--spacing-2xs));
top: -3px;
left: calc(-0.5 * var(--spacing-xs));
transition: opacity 100ms ease-in;
Button {
color: var(--color-icon-base);

2
packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdgeToolbar.vue
View File

@@ -40,6 +40,7 @@ function onDelete() {
data-test-id="add-connection-button"
type="tertiary"
size="small"
icon-size="medium"
icon="plus"
:title="i18n.baseText('node.add')"
@click="onAdd"
@@ -49,6 +50,7 @@ function onDelete() {
class="canvas-edge-toolbar-button"
type="tertiary"
size="small"
icon-size="medium"
icon="trash-2"
:title="i18n.baseText('node.delete')"
@click="onDelete"

10
packages/frontend/editor-ui/src/components/canvas/elements/handles/render-types/parts/CanvasHandlePlus.vue
View File

@@ -130,10 +130,12 @@ function onClick(event: MouseEvent) {
fill="var(--color-foreground-xlight)"
/>
<path
:class="[handleClasses, 'clickable']"
fill="var(--color-foreground-xdark)"
d="m16.40655,10.89837l-3.30491,0l0,-3.30491c0,-0.40555 -0.32889,-0.73443 -0.73443,-0.73443l-0.73443,0c-0.40554,0 -0.73442,0.32888 -0.73442,0.73443l0,3.30491l-3.30491,0c-0.40555,0 -0.73443,0.32888 -0.73443,0.73442l0,0.73443c0,0.40554 0.32888,0.73443 0.73443,0.73443l3.30491,0l0,3.30491c0,0.40554 0.32888,0.73442 0.73442,0.73442l0.73443,0c0.40554,0 0.73443,-0.32888 0.73443,-0.73442l0,-3.30491l3.30491,0c0.40554,0 0.73442,-0.32889 0.73442,-0.73443l0,-0.73443c0,-0.40554 -0.32888,-0.73442 -0.73442,-0.73442z"
></path>
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
d="M8 12h8m-4-4v8"
class="source clickable"
/>
</g>
</svg>
</template>

2
packages/frontend/editor-ui/src/components/canvas/elements/handles/render-types/parts/__snapshots__/CanvasHandlePlus.test.ts.snap
View File

@@ -5,7 +5,7 @@ exports[`CanvasHandlePlus > should render with default props 1`] = `
<line class="line" x1="0" y1="12" x2="47" y2="12" stroke="var(--color-foreground-xdark)" stroke-width="2"></line>
<g data-test-id="canvas-handle-plus" class="plus clickable" transform="translate(46, 0)">
<rect class="clickable" x="2" y="2" width="20" height="20" stroke="var(--color-foreground-xdark)" stroke-width="2" rx="4" fill="var(--color-foreground-xlight)"></rect>
<path class="clickable" fill="var(--color-foreground-xdark)" d="m16.40655,10.89837l-3.30491,0l0,-3.30491c0,-0.40555 -0.32889,-0.73443 -0.73443,-0.73443l-0.73443,0c-0.40554,0 -0.73442,0.32888 -0.73442,0.73443l0,3.30491l-3.30491,0c-0.40555,0 -0.73443,0.32888 -0.73443,0.73442l0,0.73443c0,0.40554 0.32888,0.73443 0.73443,0.73443l3.30491,0l0,3.30491c0,0.40554 0.32888,0.73442 0.73442,0.73442l0.73443,0c0.40554,0 0.73443,-0.32888 0.73443,-0.73442l0,-3.30491l3.30491,0c0.40554,0 0.73442,-0.32889 0.73442,-0.73443l0,-0.73443c0,-0.40554 -0.32888,-0.73442 -0.73442,-0.73442z"></path>
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 12h8m-4-4v8" class="source clickable"></path>
</g>
</svg>"
`;

9
packages/frontend/editor-ui/src/views/WorkflowsView.vue
View File

@@ -1774,7 +1774,7 @@ const onNameSubmit = async (name: string) => {
:class="$style.emptyStateCardIcon"
icon="file"
color="foreground-dark"
:stroke-width="1"
:stroke-width="1.5"
/>
<N8nText size="large" class="mt-xs">
{{ i18n.baseText('workflows.empty.startFromScratch') }}
@@ -1789,7 +1789,12 @@ const onNameSubmit = async (name: string) => {
@click="openAIWorkflow('empty')"
>
<div :class="$style.emptyStateCardContent">
<N8nIcon :class="$style.emptyStateCardIcon" icon="bot" color="foreground-dark" />
<N8nIcon
:class="$style.emptyStateCardIcon"
:stroke-width="1.5"
icon="bot"
color="foreground-dark"
/>
<N8nText size="large" class="mt-xs pl-2xs pr-2xs">
{{ i18n.baseText('workflows.empty.easyAI') }}
</N8nText>