diff --git a/packages/editor-ui/src/components/ResourceMapper/MappingFields.vue b/packages/editor-ui/src/components/ResourceMapper/MappingFields.vue index 83b62f5d4b..2d0e0517c9 100644 --- a/packages/editor-ui/src/components/ResourceMapper/MappingFields.vue +++ b/packages/editor-ui/src/components/ResourceMapper/MappingFields.vue @@ -346,7 +346,7 @@ defineExpose({ :class="[$style.parameterIssues, 'ml-5xs']" /> -
+
.parameterItem { display: flex; - padding: 0 0 0 1em; + padding: 0 0 0 var(--spacing-s); .parameterInput { width: 100%; @@ -395,4 +395,9 @@ defineExpose({ .parameterTooltipIcon { color: var(--color-text-light) !important; } + +.addOption { + margin-top: var(--spacing-l); + padding: 0 0 0 var(--spacing-s); +} diff --git a/packages/editor-ui/src/n8n-theme.scss b/packages/editor-ui/src/n8n-theme.scss index a099eda430..74c528d3cf 100644 --- a/packages/editor-ui/src/n8n-theme.scss +++ b/packages/editor-ui/src/n8n-theme.scss @@ -184,10 +184,22 @@ border: none; } - i.el-select__caret { + .el-select .el-input.is-disabled { + .el-input__icon { + opacity: 1 !important; + cursor: not-allowed; + color: var(--color-foreground-dark); + } + .el-input__inner, .el-input__inner::placeholder { + opacity: 1; + color: var(--color-foreground-dark); + } + } + .el-select .el-input:not(.is-disabled ) .el-input__icon { color: var(--color-text-dark); } - .el-input .el-input__inner { + .el-input .el-input__inner { text-align: center; } + .el-input:not(.is-disabled) .el-input__inner { &, &:hover, &:focus {