From c0fac90b5261c7c79f77ee8d1f059f7d10441ea3 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Sat, 5 Mar 2022 16:36:02 -0800
Subject: [PATCH] Improve Multiselect styling to not overlap other elements
 (#386)

* Make improvements to the Multiselects in VersionFilterControl apply to all Multiselects Closes #384

* Remove unnecessary unset
---
 assets/styles/components.scss          | 5 ++++-
 components/ui/VersionFilterControl.vue | 6 ------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/assets/styles/components.scss b/assets/styles/components.scss
index 1373fdbdc..2385be166 100644
--- a/assets/styles/components.scss
+++ b/assets/styles/components.scss
@@ -384,12 +384,15 @@
 
 .multiselect {
   color: var(--color-text) !important;
-  max-height: 40px;
 
   input {
     background: transparent;
   }
 
+  input::placeholder {
+    color: var(--color-text);
+  }
+
   .multiselect__tags {
     border-radius: 1.25rem;
     background: var(--color-dropdown-bg);
diff --git a/components/ui/VersionFilterControl.vue b/components/ui/VersionFilterControl.vue
index 51203b78f..b71d04d8f 100644
--- a/components/ui/VersionFilterControl.vue
+++ b/components/ui/VersionFilterControl.vue
@@ -116,12 +116,6 @@ export default {
 
   .multiselect {
     flex-grow: 1;
-    max-height: unset;
-    width: fit-content;
-
-    input::placeholder {
-      color: var(--color-text);
-    }
   }
 
   .checkbox-outer {