mirror of
https://github.com/n8n-io/n8n.git
synced 2024-12-25 20:54:07 -08:00
fix(editor): Unify disabled parameters background color (#12306)
Some checks are pending
Test Master / install-and-build (push) Waiting to run
Test Master / Unit tests (18.x) (push) Blocked by required conditions
Test Master / Unit tests (20.x) (push) Blocked by required conditions
Test Master / Unit tests (22.4) (push) Blocked by required conditions
Test Master / Lint (push) Blocked by required conditions
Test Master / Notify Slack on failure (push) Blocked by required conditions
Some checks are pending
Test Master / install-and-build (push) Waiting to run
Test Master / Unit tests (18.x) (push) Blocked by required conditions
Test Master / Unit tests (20.x) (push) Blocked by required conditions
Test Master / Unit tests (22.4) (push) Blocked by required conditions
Test Master / Lint (push) Blocked by required conditions
Test Master / Notify Slack on failure (push) Blocked by required conditions
This commit is contained in:
parent
2e90eba47e
commit
8c635993bd
|
@ -114,27 +114,14 @@ defineExpose({
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<div
|
||||
ref="root"
|
||||
title=""
|
||||
:class="$style.editor"
|
||||
data-test-id="inline-expression-editor-input"
|
||||
></div>
|
||||
<div ref="root" title="" data-test-id="inline-expression-editor-input"></div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" module>
|
||||
.editor div[contenteditable='false'] {
|
||||
background-color: var(--disabled-fill, var(--color-background-light));
|
||||
cursor: not-allowed;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
:deep(.cm-editor) {
|
||||
padding-left: 0;
|
||||
}
|
||||
:deep(.cm-content) {
|
||||
--disabled-fill: var(--color-background-base);
|
||||
padding-left: var(--spacing-2xs);
|
||||
|
||||
&[aria-readonly='true'] {
|
||||
|
|
|
@ -1059,6 +1059,7 @@ onUpdated(async () => {
|
|||
:expression-edit-dialog-visible="expressionEditDialogVisible"
|
||||
:path="path"
|
||||
:parameter-issues="getIssues"
|
||||
:is-read-only="isReadOnly"
|
||||
@update:model-value="valueChanged"
|
||||
@modal-opener-click="openExpressionEditorModal"
|
||||
@focus="setFocus"
|
||||
|
|
|
@ -650,6 +650,7 @@ function getParameterValue<T extends NodeParameterValueType = NodeParameterValue
|
|||
|
||||
<style lang="scss">
|
||||
.parameter-input-list-wrapper {
|
||||
--disabled-fill: var(--color-background-base);
|
||||
.icon-button {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
|
|
|
@ -324,6 +324,7 @@ const onAddResourceClicked = () => {
|
|||
ref="input"
|
||||
:model-value="expressionDisplayValue"
|
||||
:path="path"
|
||||
:is-read-only="isReadOnly"
|
||||
:rows="3"
|
||||
@update:model-value="onInputChange"
|
||||
@modal-opener-click="emit('modalOpenerClick')"
|
||||
|
|
Loading…
Reference in a new issue