From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 20 Sep 2021 15:48:31 +0000 (+0200)
Subject: Incorrect gradient value in Safari
X-Git-Tag: 5.4.8_dev_1~4^2~1
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=75669a5e1312321a247a43b6802bbb5442fb9972;p=GitHub%2FWoltLab%2FWCF.git

Incorrect gradient value in Safari

https://community.woltlab.com/thread/292475-mainmenushowprevious-mainmenushownext-safari-farbunterschied-fehler/
---

diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index a208639b2f..e5dbfa609b 100644
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -210,12 +210,12 @@
 	}
 	
 	.mainMenuShowPrevious {
-		background: linear-gradient(to left, transparent 0%, $wcfHeaderMenuBackground 75%);
+		background: linear-gradient(to left, transparentize($wcfHeaderMenuBackground, 1) 0%, $wcfHeaderMenuBackground 75%);
 		left: 0;
 	}
 	
 	.mainMenuShowNext {
-		background: linear-gradient(to right, transparent 0%, $wcfHeaderMenuBackground 75%);
+		background: linear-gradient(to right, transparentize($wcfHeaderMenuBackground, 1) 0%, $wcfHeaderMenuBackground 75%);
 		justify-content: flex-end;
 		right: 0;
 	}