From a3753193ef01802168cc77364368ad43fea4cd04 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 4 Jan 2018 12:33:10 +0100
Subject: [PATCH] Fix popover shadow in app menu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Make sure the app menu popover shadow does overlay the active indicator

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 core/css/header.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/core/css/header.scss b/core/css/header.scss
index 54324544bb2..98ea71f2ed2 100644
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -498,6 +498,7 @@ nav {
 		transform: translateX(-50%);
 		padding: 4px 10px;
 		filter: drop-shadow(0 1px 10px $color-box-shadow);
+		z-index: 100;
 	}
 
 	li:hover span {
@@ -518,7 +519,6 @@ nav {
 		transform: translateX(-50%);
 		left: 50%;
 		bottom: 0;
-		z-index: 100;
 		display: none;
 	}
 	li a.active:before,
@@ -526,6 +526,13 @@ nav {
 	li:hover a.active:before {
 		display: block;
 	}
+	li a.active:before {
+		z-index: 99;
+	}
+	li:hover a:before,
+	li a.active:hover:before {
+		z-index: 101;
+	}
 	&.menu-open li:hover a:before,
 	&.menu-open li a.active:before,
 	&.menu-open li:hover span {