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 {