From 5bcd23e005eeb010da25ea8b45900ba5e206b4f0 Mon Sep 17 00:00:00 2001
From: Jessica <jessica@Absolventas-MacBook-Pro.local>
Date: Tue, 21 Aug 2018 17:48:23 +0200
Subject: added styling so multiselect content only shows when input with
 length more than 0 is given

---
 css/settings/settings-addressbook-shares.scss | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'css')

diff --git a/css/settings/settings-addressbook-shares.scss b/css/settings/settings-addressbook-shares.scss
index 365b5b0f..917a87a4 100644
--- a/css/settings/settings-addressbook-shares.scss
+++ b/css/settings/settings-addressbook-shares.scss
@@ -29,7 +29,9 @@
 		display: flex;
 		flex-direction: column;
 	}
-
+	&__shareematch--bold {
+		font-weight: bold;
+	}
 	.multiselect.multiselect-vue {
 		width: inherit;
 
@@ -39,12 +41,14 @@
 		}
 
 		.multiselect__content-wrapper {
+			display: none;
+		}
+	}
+	.multiselect.showContent {
+		.multiselect__content-wrapper {
+			display: inherit;
 			background: #f0f0f0;
 			width: inherit;
 		}
-
-		&__shareematch--bold {
-			font-weight: bold;
-		}
 	}
 }
\ No newline at end of file
-- 
cgit v1.2.3