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

fix(editor): Fix icon sizes in expanding parameters (no-changelog) (#16890)

Browse Source
This commit is contained in:
Mutasem Aldmour
2025-07-03 10:59:39 +02:00
committed by GitHub
parent c5a371bb89
commit 8a5383adcb
1 changed files with 64 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
packages/frontend/editor-ui/src/components/ParameterInput.vue
View File

@@ -1395,15 +1395,18 @@ onUpdated(async () => {
@update:model-value="valueChangedDebounced" @update:model-value="valueChangedDebounced"
> >
<template #suffix> <template #suffix>
<N8nIcon <span
v-if="!editorIsReadOnly" v-if="!editorIsReadOnly"
data-test-id="code-editor-fullscreen-button"
icon="external-link"
size="xsmall"
class="textarea-modal-opener" class="textarea-modal-opener"
:title="i18n.baseText('parameterInput.openEditWindow')" data-test-id="code-editor-fullscreen-button"
@click="displayEditDialog()" @click="displayEditDialog()"
/> >
<N8nIcon
icon="external-link"
size="xsmall"
:title="i18n.baseText('parameterInput.openEditWindow')"
/>
</span>
</template> </template>
</CodeNodeEditor> </CodeNodeEditor>
@@ -1417,14 +1420,17 @@ onUpdated(async () => {
@update:model-value="valueChangedDebounced" @update:model-value="valueChangedDebounced"
> >
<template #suffix> <template #suffix>
<N8nIcon <span
data-test-id="code-editor-fullscreen-button"
icon="external-link"
size="xsmall"
class="textarea-modal-opener" class="textarea-modal-opener"
:title="i18n.baseText('parameterInput.openEditWindow')" data-test-id="code-editor-fullscreen-button"
@click="displayEditDialog()" @click="displayEditDialog()"
/> >
<N8nIcon
icon="external-link"
size="xsmall"
:title="i18n.baseText('parameterInput.openEditWindow')"
/>
</span>
</template> </template>
</HtmlEditor> </HtmlEditor>
@@ -1436,14 +1442,17 @@ onUpdated(async () => {
@update:model-value="valueChangedDebounced" @update:model-value="valueChangedDebounced"
> >
<template #suffix> <template #suffix>
<N8nIcon <span
data-test-id="code-editor-fullscreen-button"
icon="external-link"
size="xsmall"
class="textarea-modal-opener" class="textarea-modal-opener"
:title="i18n.baseText('parameterInput.openEditWindow')" data-test-id="code-editor-fullscreen-button"
@click="displayEditDialog()" @click="displayEditDialog()"
/> >
<N8nIcon
icon="external-link"
size="xsmall"
:title="i18n.baseText('parameterInput.openEditWindow')"
/>
</span>
</template> </template>
</CssEditor> </CssEditor>
@@ -1456,14 +1465,17 @@ onUpdated(async () => {
@update:model-value="valueChangedDebounced" @update:model-value="valueChangedDebounced"
> >
<template #suffix> <template #suffix>
<N8nIcon <span
data-test-id="code-editor-fullscreen-button"
icon="external-link"
size="xsmall"
class="textarea-modal-opener" class="textarea-modal-opener"
:title="i18n.baseText('parameterInput.openEditWindow')" data-test-id="code-editor-fullscreen-button"
@click="displayEditDialog()" @click="displayEditDialog()"
/> >
<N8nIcon
icon="external-link"
size="xsmall"
:title="i18n.baseText('parameterInput.openEditWindow')"
/>
</span>
</template> </template>
</SqlEditor> </SqlEditor>
@@ -1476,15 +1488,18 @@ onUpdated(async () => {
@update:model-value="valueChangedDebounced" @update:model-value="valueChangedDebounced"
> >
<template #suffix> <template #suffix>
<N8nIcon <span
v-if="!editorIsReadOnly" v-if="!editorIsReadOnly"
data-test-id="code-editor-fullscreen-button"
icon="external-link"
size="xsmall"
class="textarea-modal-opener" class="textarea-modal-opener"
:title="i18n.baseText('parameterInput.openEditWindow')" data-test-id="code-editor-fullscreen-button"
@click="displayEditDialog()" @click="displayEditDialog()"
/> >
<N8nIcon
icon="external-link"
size="xsmall"
:title="i18n.baseText('parameterInput.openEditWindow')"
/>
</span>
</template> </template>
</JsEditor> </JsEditor>
@@ -1496,14 +1511,17 @@ onUpdated(async () => {
@update:model-value="valueChangedDebounced" @update:model-value="valueChangedDebounced"
> >
<template #suffix> <template #suffix>
<N8nIcon <span
data-test-id="code-editor-fullscreen-button"
icon="external-link"
size="xsmall"
class="textarea-modal-opener" class="textarea-modal-opener"
:title="i18n.baseText('parameterInput.openEditWindow')" data-test-id="code-editor-fullscreen-button"
@click="displayEditDialog()" @click="displayEditDialog()"
/> >
<N8nIcon
icon="external-link"
size="xsmall"
:title="i18n.baseText('parameterInput.openEditWindow')"
/>
</span>
</template> </template>
</JsonEditor> </JsonEditor>
@@ -1542,19 +1560,23 @@ onUpdated(async () => {
@paste="onPaste" @paste="onPaste"
> >
<template #suffix> <template #suffix>
<N8nIcon <span
v-if="!isReadOnly && !isSecretParameter" v-if="!isReadOnly && !isSecretParameter"
icon="external-link"
size="xsmall"
class="edit-window-button textarea-modal-opener"
:class="{ :class="{
'textarea-modal-opener': true,
'edit-window-button': true,
focused: isFocused, focused: isFocused,
invalid: !isFocused && getIssues.length > 0 && !isModelValueExpression, invalid: !isFocused && getIssues.length > 0 && !isModelValueExpression,
}" }"
:title="i18n.baseText('parameterInput.openEditWindow')"
@click="displayEditDialog()" @click="displayEditDialog()"
@focus="setFocus" @focus="setFocus"
/> >
<N8nIcon
icon="external-link"
size="xsmall"
:title="i18n.baseText('parameterInput.openEditWindow')"
/>
</span>
</template> </template>
</N8nInput> </N8nInput>
</div> </div>