From 85eeccee285d276507add5168455e762e4887a88 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 10 Jan 2021 22:46:50 +0100
Subject: [PATCH] Inline mutliselect search input for multiple elements

---
 src/components/input/multiselect.vue        |  2 +-
 src/styles/components/base/multiselect.scss | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/input/multiselect.vue b/src/components/input/multiselect.vue
index 157b9b01..63b5c6ae 100644
--- a/src/components/input/multiselect.vue
+++ b/src/components/input/multiselect.vue
@@ -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">
diff --git a/src/styles/components/base/multiselect.scss b/src/styles/components/base/multiselect.scss
index 690b09c7..16a0496e 100644
--- a/src/styles/components/base/multiselect.scss
+++ b/src/styles/components/base/multiselect.scss
@@ -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 {