Merge pull request #7572 from nextcloud/fix-box-shadow

Fix box shadow of header elements

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;
+}

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;
 		box-sizing: border-box;
 		z-index: 2000;
@@ -213,7 +213,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%;
@@ -411,7 +411,6 @@ nav {
 #expanddiv {
 	right: 13px;
 	background: $color-main-background;
-	box-shadow: 0 1px 10px $color-box-shadow;
 	&:after {
 		/* position of dropdown arrow */
 		right: 13px;
@@ -486,7 +485,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;
@@ -499,7 +498,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 {