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 */ + } + } + } } 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;