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

This commit is contained in:
oleg 2024-12-19 17:42:52 +01:00 committed by GitHub
parent 2e90eba47e
commit 8c635993bd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 4 additions and 14 deletions

View file

@ -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'] {

View file

@ -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"

View file

@ -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;

View file

@ -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')"