diff --git a/src/components/input/multiselect.vue b/src/components/input/multiselect.vue index 8487fb90..a64e758d 100644 --- a/src/components/input/multiselect.vue +++ b/src/components/input/multiselect.vue @@ -44,7 +44,9 @@ > - {{ query }} + + {{ query }} + @@ -63,7 +65,7 @@ > - {{ label !== '' ? data[label] : data }} + {{ label !== '' ? data[label] : data }} diff --git a/src/components/tasks/partials/editLabels.vue b/src/components/tasks/partials/editLabels.vue index 919dd9c2..c1c9b75c 100644 --- a/src/components/tasks/partials/editLabels.vue +++ b/src/components/tasks/partials/editLabels.vue @@ -20,6 +20,19 @@ + diff --git a/src/styles/components/base/multiselect.scss b/src/styles/components/base/multiselect.scss index 16a0496e..f8f40e50 100644 --- a/src/styles/components/base/multiselect.scss +++ b/src/styles/components/base/multiselect.scss @@ -80,23 +80,25 @@ text-transform: none; font-family: $family-sans-serif; font-weight: normal; + padding: 0; display: flex; justify-content: space-between; align-items: center; overflow: hidden; - span:first-child { + .search-result { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; + padding: .5rem 1rem; } .hint-text { font-size: .75rem; color: transparent; transition: color $transition; - padding-left: .5rem; + padding: 0 .5rem; } &:focus, &:hover {