From f854831045d77af7c278f7aed615df3ab9961eb9 Mon Sep 17 00:00:00 2001
From: Morris Jobke <hey@morrisjobke.de>
Date: Tue, 19 Dec 2017 12:11:12 +0100
Subject: [PATCH] Fix box shadow of header elements

* unify shadow blur from 3px to 10px
* remove opacity of background of app labels
* for IE: use box-shadow as fallback (because the filter: drop-shadow is not supported)

Signed-off-by: Morris Jobke <hey@morrisjobke.de>
---
 core/css/fixes.scss  | 7 +++++++
 core/css/header.scss | 9 ++++-----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/core/css/fixes.scss b/core/css/fixes.scss
index 3cb89c6599..0303b4d751 100644
--- a/core/css/fixes.scss
+++ b/core/css/fixes.scss
@@ -16,3 +16,10 @@ select {
 	visibility: hidden;
 }
 
+.ie #header .menu,
+.ie .header-left #navigation,
+.ie .ui-datepicker,
+.ie .ui-timepicker.ui-widget,
+.ie #appmenu li span {
+	box-shadow: 0 1px 10px $color-box-shadow;
+}
diff --git a/core/css/header.scss b/core/css/header.scss
index 21305de0d0..2716aa18e8 100644
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -76,7 +76,7 @@
 	.menu {
 		top: 45px;
 		background-color: $color-main-background;
-		filter: drop-shadow(0 1px 3px $color-box-shadow);
+		filter: drop-shadow(0 1px 10px $color-box-shadow);
 		border-radius: 0 0 3px 3px;
 		display: none;
 		box-sizing: border-box;
@@ -210,7 +210,7 @@ nav {
 	left: -100%;
 	width: 160px;
 	background-color: $color-main-background;
-	filter: drop-shadow(0 1px 3px $color-box-shadow);
+	filter: drop-shadow(0 1px 10px $color-box-shadow);
 	&:after {
 		/* position of dropdown arrow */
 		left: 47%;
@@ -408,7 +408,6 @@ nav {
 #expanddiv {
 	right: 13px;
 	background: $color-main-background;
-	box-shadow: 0 1px 10px $color-box-shadow;
 	&:after {
 		/* position of dropdown arrow */
 		right: 13px;
@@ -483,7 +482,7 @@ nav {
 		display: none;
 		position: absolute;
 		overflow: visible;
-		background-color: rgba($color-main-background, .97);
+		background-color: $color-main-background;
 		white-space: nowrap;
 		border: none;
 		border-radius: $border-radius;
@@ -496,7 +495,7 @@ nav {
 		top: 45px;
 		transform: translateX(-50%);
 		padding: 4px 10px;
-		box-shadow: 0 1px 10px $color-box-shadow;
+		filter: drop-shadow(0 1px 10px $color-box-shadow);
 	}
 
 	li:hover span {