From ce4c3ed03ea436f3af429fbb45b69437a779c43e Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 17 May 2021 19:00:44 +0200
Subject: [PATCH] Incorrect fade out effect in iOS Safari

---
 wcfsetup/install/files/style/ui/reactions.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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 {
-- 
2.20.1