mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-20 19:32:15 +00:00
fix(editor): Increase icon sizes in parameters (no-changelog) (#16866)
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user