From a3490a37eff35d644fcaf9366a5df0c3fcdebfe5 Mon Sep 17 00:00:00 2001
From: Cassie Tarakajian <ctarakajian@gmail.com>
Date: Wed, 21 Sep 2016 19:00:24 -0400
Subject: [PATCH] fix nav dropdown styling

---
 client/styles/components/_nav.scss | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/client/styles/components/_nav.scss b/client/styles/components/_nav.scss
index 31e90885..d73fa441 100644
--- a/client/styles/components/_nav.scss
+++ b/client/styles/components/_nav.scss
@@ -23,21 +23,24 @@
 		margin-left: #{20 / $base-font-size}rem;
 	}
 	position: relative;
-	&:hover .nav__dropdown {
-		display: flex;
-	}
 }
 
 .nav__dropdown {
-	display: none;
-	position: absolute;
-	flex-direction: column;
-	background-color: $light-background-color;
-	padding: #{10 / $base-font-size}rem;
-	left: #{-10 / $base-font-size}rem;
-	border: 1px solid $ide-border-color;
+	@include themify() {
+		background-color: map-get($theme-map, 'background-color');
+		border: 1px solid map-get($theme-map, 'ide-border-color');
+	}
+	@extend %hidden-element;
 	& li + li {
 		margin-top: #{10 / $base-font-size}rem;
 	}
 	width: #{140 / $base-font-size}rem;
+	.nav__item:hover & {
+		display: flex;
+		position: absolute;
+		flex-direction: column;
+		padding: #{10 / $base-font-size}rem;
+		left: #{-10 / $base-font-size}rem;
+		height: auto;
+	}
 }
\ No newline at end of file