From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 17 May 2021 17:00:44 +0000 (+0200)
Subject: Incorrect fade out effect in iOS Safari
X-Git-Tag: 5.4.0_Alpha_3~5^2~6
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=ce4c3ed03ea436f3af429fbb45b69437a779c43e;p=GitHub%2FWoltLab%2FWCF.git

Incorrect fade out effect in iOS Safari
---

diff --git a/wcfsetup/install/files/style/ui/reactions.scss b/wcfsetup/install/files/style/ui/reactions.scss
index 6ee3b28159..e09490111a 100644
--- a/wcfsetup/install/files/style/ui/reactions.scss
+++ b/wcfsetup/install/files/style/ui/reactions.scss
@@ -110,7 +110,7 @@
 		}
 		
 		&::after {
-			background-image: linear-gradient(to bottom, transparent, $wcfContentBackground);
+			background-image: linear-gradient(to bottom, transparentize($wcfContentBackground, 100%), $wcfContentBackground);
 			bottom: 0;
 		}
 		&.overflowBottom::after {
@@ -118,7 +118,7 @@
 		}
 		
 		&::before {
-			background-image: linear-gradient(to top, transparent, $wcfContentBackground);
+			background-image: linear-gradient(to top, transparentize($wcfContentBackground, 100%), $wcfContentBackground);
 			top: 0;
 		}
 		&.overflowTop::before {