diff --git a/frontend/src/components/input/Multiselect.vue b/frontend/src/components/input/Multiselect.vue index ec75b2a2c..d1a7961b4 100644 --- a/frontend/src/components/input/Multiselect.vue +++ b/frontend/src/components/input/Multiselect.vue @@ -101,13 +101,17 @@ + - + {{ createPlaceholder }} @@ -134,6 +138,7 @@ import {closeWhenClickedOutside} from '@/helpers/closeWhenClickedOutside' import BaseButton from '@/components/base/BaseButton.vue' import CustomTransition from '@/components/misc/CustomTransition.vue' +import Icon from '@/components/misc/Icon' const props = withDefaults(defineProps<{ /** The object with the value, updated every time an entry is selected */ @@ -610,6 +615,16 @@ function focus() { color: transparent; transition: color $transition; padding-inline-start: .5rem; + + &.is-always-visible { + color: var(--grey-500); + } +} + +.create-icon { + color: var(--success); + margin-inline-end: .25rem; + font-size: .75rem; } .has-removal-button {