diff --git a/frontend/src/components/input/Multiselect.vue b/frontend/src/components/input/Multiselect.vue index 8aec33957..c4f8ef2cb 100644 --- a/frontend/src/components/input/Multiselect.vue +++ b/frontend/src/components/input/Multiselect.vue @@ -2,8 +2,9 @@
{{ label !== '' ? item[label] : item }} @@ -40,6 +42,7 @@ @@ -164,6 +167,8 @@ const props = withDefaults(defineProps<{ closeAfterSelect?: boolean /** If false, the search input will get the autocomplete="off" attributes attached to it. */ autocompleteEnabled?: boolean + /** If true, disables the multiselect input */ + disabled?: boolean }>(), { modelValue: null, loading: false, @@ -179,6 +184,7 @@ const props = withDefaults(defineProps<{ searchDelay: 200, closeAfterSelect: true, autocompleteEnabled: true, + disabled: false, }) const emit = defineEmits<{ @@ -448,6 +454,18 @@ function focus() { .control.is-loading::after { top: .75rem; } + + &.is-disabled { + .input-wrapper, .input, & { + cursor: default !important; + + &:focus-within,&:focus-visible, &:hover, &:focus { + border-color: transparent !important; + background: transparent !important; + box-shadow: none; + } + } + } } .input-wrapper { diff --git a/frontend/src/components/tasks/partials/EditLabels.vue b/frontend/src/components/tasks/partials/EditLabels.vue index 9cdd093a3..606131d6e 100644 --- a/frontend/src/components/tasks/partials/EditLabels.vue +++ b/frontend/src/components/tasks/partials/EditLabels.vue @@ -10,6 +10,7 @@ :create-placeholder="$t('task.label.createPlaceholder')" :search-delay="10" :close-after-select="false" + :disabled="disabled" @search="findLabel" @select="addLabel" @create="createAndAddLabel" @@ -21,6 +22,7 @@ > {{ label.title }}