From 05aa2d50602375dfa51fa1b105a30147293161d0 Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Wed, 6 Apr 2022 16:25:12 +0200
Subject: [PATCH] fix select options bug

---
 .../src/components/CollectionParameter.vue    | 23 ----------------
 .../components/FixedCollectionParameter.vue   | 23 ----------------
 packages/editor-ui/src/n8n-theme.scss         | 27 +++++++++++++++++++
 3 files changed, 27 insertions(+), 46 deletions(-)

diff --git a/packages/editor-ui/src/components/CollectionParameter.vue b/packages/editor-ui/src/components/CollectionParameter.vue
index cdfe585b71..ae2dcbd2ba 100644
--- a/packages/editor-ui/src/components/CollectionParameter.vue
+++ b/packages/editor-ui/src/components/CollectionParameter.vue
@@ -198,29 +198,6 @@ export default mixins(
 		position: relative;
 		padding: 0.25em 0 0.25em 1em;
 	}
-
-	.add-option {
-			i.el-select__caret {
-				color: var(--color-foreground-xlight);
-			}
-			.el-input .el-input__inner {
-				&,
-				&:hover,
-				&:focus {
-					border-radius: 20px;
-					color: var(--color-foreground-xlight);
-					font-weight: 600;
-					background-color: var(--color-primary);
-					border-color: var(--color-primary);
-					text-align: center;
-				}
-
-				&::placeholder {
-					color: var(--color-foreground-xlight);
-					opacity: 1; /** Firefox */
-				}
-			}
-		}
 }
 
 </style>
diff --git a/packages/editor-ui/src/components/FixedCollectionParameter.vue b/packages/editor-ui/src/components/FixedCollectionParameter.vue
index 523f2f0351..bbd88fcad7 100644
--- a/packages/editor-ui/src/components/FixedCollectionParameter.vue
+++ b/packages/editor-ui/src/components/FixedCollectionParameter.vue
@@ -294,29 +294,6 @@ export default mixins(genericHelpers)
 	margin: var(--spacing-xs) 0;
 }
 
-.add-option {
-	i.el-select__caret {
-		color: var(--color-foreground-xlight);
-	}
-	.el-input .el-input__inner {
-		&,
-		&:hover,
-		&:focus {
-			border-radius: 20px;
-			color: var(--color-foreground-xlight);
-			font-weight: 600;
-			background-color: var(--color-primary);
-			border-color: var(--color-primary);
-			text-align: center;
-		}
-
-		&::placeholder {
-			color: var(--color-foreground-xlight);
-			opacity: 1; /** Firefox */
-		}
-	}
-}
-
 .delete-option {
 	display: none;
 	position: absolute;
diff --git a/packages/editor-ui/src/n8n-theme.scss b/packages/editor-ui/src/n8n-theme.scss
index c9b56cf04a..120c2cb8a8 100644
--- a/packages/editor-ui/src/n8n-theme.scss
+++ b/packages/editor-ui/src/n8n-theme.scss
@@ -182,3 +182,30 @@
 		}
 	}
 }
+
+.add-option {
+	> * {
+		border: none;
+	}
+
+	i.el-select__caret {
+		color: var(--color-foreground-xlight);
+	}
+	.el-input .el-input__inner {
+		&,
+		&:hover,
+		&:focus {
+			border-radius: 20px;
+			color: var(--color-foreground-xlight);
+			font-weight: 600;
+			background-color: var(--color-primary);
+			border-color: var(--color-primary);
+			text-align: center;
+		}
+
+		&::placeholder {
+			color: var(--color-foreground-xlight);
+			opacity: 1; /** Firefox */
+		}
+	}
+}