From 6705afbf08a6ea2fb76da9b1e0af109dd6a76274 Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Wed, 6 Apr 2022 13:02:06 +0200
Subject: [PATCH] fix add-option bug

---
 .../src/components/CollectionParameter.vue    | 23 +++++++++++++++++++
 .../components/FixedCollectionParameter.vue   | 23 +++++++++++++++++++
 2 files changed, 46 insertions(+)

diff --git a/packages/editor-ui/src/components/CollectionParameter.vue b/packages/editor-ui/src/components/CollectionParameter.vue
index ae2dcbd2ba..cdfe585b71 100644
--- a/packages/editor-ui/src/components/CollectionParameter.vue
+++ b/packages/editor-ui/src/components/CollectionParameter.vue
@@ -198,6 +198,29 @@ 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 bbd88fcad7..523f2f0351 100644
--- a/packages/editor-ui/src/components/FixedCollectionParameter.vue
+++ b/packages/editor-ui/src/components/FixedCollectionParameter.vue
@@ -294,6 +294,29 @@ 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;