Inline mutliselect search input for multiple elements
continuous-integration/drone/push Build is failing Details

This commit is contained in:
kolaente 2021-01-10 22:46:50 +01:00
parent eb31798f06
commit 85eeccee28
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 11 additions and 2 deletions

View File

@ -4,7 +4,7 @@
:class="{'has-search-results': searchResultsVisible}"
ref="multiselectRoot"
>
<div class="input-wrapper input">
<div class="input-wrapper input" :class="{'has-multiple': multiple}">
<template v-if="Array.isArray(internalValue)">
<template v-for="(item, key) in internalValue">
<slot name="tag" :item="item">

View File

@ -40,6 +40,14 @@
}
}
&.has-multiple .input-loader-wrapper {
max-width: 250px;
input {
padding-left: 0;
}
}
&:focus-within {
border-color: $primary !important;
background: $white !important;
@ -110,11 +118,12 @@
position: relative;
&:not(:first-child) {
margin-left: -1.75rem;
margin-left: -1.5rem;
}
.user img {
border: 2px solid $white;
margin-right: 0;
}
.remove-assignee {