fix(editor): Increase icon sizes in parameters (no-changelog) (#16866)

This commit is contained in:
Mutasem Aldmour
2025-07-01 11:20:06 +02:00
committed by GitHub
parent 47bf4b77d3
commit c51842bd52
3 changed files with 15 additions and 20 deletions

View File

@@ -128,20 +128,20 @@ const onBlur = (): void => {
v-if="!isReadOnly"
type="tertiary"
text
size="mini"
size="small"
icon="grip-vertical"
:class="[$style.iconButton, $style.defaultTopPadding, 'drag-handle']"
></N8nIconButton>
/>
<N8nIconButton
v-if="!isReadOnly"
type="tertiary"
text
size="mini"
size="small"
icon="trash-2"
data-test-id="assignment-remove"
:class="[$style.iconButton, $style.extraTopPadding]"
@click="onRemove"
></N8nIconButton>
/>
<div :class="$style.inputs">
<InputTriple middle-width="100px">

View File

@@ -158,22 +158,22 @@ const onBlur = (): void => {
v-if="canDrag && !readOnly"
type="tertiary"
text
size="mini"
size="small"
icon="grip-vertical"
:title="i18n.baseText('filter.dragCondition')"
:class="[$style.iconButton, $style.defaultTopPadding, 'drag-handle']"
></N8nIconButton>
<n8n-icon-button
/>
<N8nIconButton
v-if="canRemove && !readOnly"
type="tertiary"
text
size="mini"
size="small"
icon="trash-2"
data-test-id="filter-remove-condition"
:title="i18n.baseText('filter.removeCondition')"
:class="[$style.iconButton, $style.extraTopPadding]"
@click="onRemove"
></n8n-icon-button>
/>
<InputTriple>
<template #left>
<ParameterInputFull
@@ -231,7 +231,7 @@ const onBlur = (): void => {
<template #content>
{{ i18n.baseText('filter.condition.resolvedTrue') }}
</template>
<n8n-icon :class="$style.statusIcon" icon="circle-check" size="medium" color="text-light" />
<n8n-icon icon="circle-check" size="medium" color="text-light" />
</n8n-tooltip>
<n8n-tooltip
@@ -241,7 +241,7 @@ const onBlur = (): void => {
<template #content>
{{ i18n.baseText('filter.condition.resolvedFalse') }}
</template>
<n8n-icon :class="$style.statusIcon" icon="circle-x" size="medium" color="text-light" />
<n8n-icon icon="circle-x" size="medium" color="text-light" />
</n8n-tooltip>
</div>
</div>
@@ -270,11 +270,6 @@ const onBlur = (): void => {
padding-top: 28px;
}
.statusIcon {
padding-left: var(--spacing-4xs);
padding-right: var(--spacing-4xs);
}
.iconButton {
position: absolute;
left: 0;

View File

@@ -276,22 +276,22 @@ const trackWorkflowInputFieldAdded = () => {
v-if="sortable"
type="tertiary"
text
size="mini"
size="small"
icon="grip-vertical"
:title="locale.baseText('fixedCollectionParameter.dragItem')"
class="drag-handle"
></N8nIconButton>
/>
</div>
<div v-if="!isReadOnly" class="icon-button extra-top-padding">
<N8nIconButton
type="tertiary"
text
size="mini"
size="small"
icon="trash-2"
data-test-id="fixed-collection-delete"
:title="locale.baseText('fixedCollectionParameter.deleteItem')"
@click="deleteOption(property.name, index)"
></N8nIconButton>
/>
</div>
<Suspense>
<ParameterInputList