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" v-if="!isReadOnly"
type="tertiary" type="tertiary"
text text
size="mini" size="small"
icon="grip-vertical" icon="grip-vertical"
:class="[$style.iconButton, $style.defaultTopPadding, 'drag-handle']" :class="[$style.iconButton, $style.defaultTopPadding, 'drag-handle']"
></N8nIconButton> />
<N8nIconButton <N8nIconButton
v-if="!isReadOnly" v-if="!isReadOnly"
type="tertiary" type="tertiary"
text text
size="mini" size="small"
icon="trash-2" icon="trash-2"
data-test-id="assignment-remove" data-test-id="assignment-remove"
:class="[$style.iconButton, $style.extraTopPadding]" :class="[$style.iconButton, $style.extraTopPadding]"
@click="onRemove" @click="onRemove"
></N8nIconButton> />
<div :class="$style.inputs"> <div :class="$style.inputs">
<InputTriple middle-width="100px"> <InputTriple middle-width="100px">

View File

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

View File

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