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 6ee3b28159c24e1e395a39266e93420dfa9388f1..e09490111a6b12a387c178a59e4ea8cb0ef86b4c 100644 (file)
--- 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 {