[Glitch] Fix logo gradient not working on some Safari and Blink-based browsers

Port 37cd984acf to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
2 years ago · f938afee72
parent b31c32fd61
commit f938afee72
1 changed files with 11 additions and 1 deletions
--- a/app/javascript/flavours/glitch/styles/basics.scss
+++ b/app/javascript/flavours/glitch/styles/basics.scss
@ -181,7 +181,17 @@ button {
 }

 .logo-resources {
-  display: none;
+  // Not using display: none because of https://bugs.chromium.org/p/chromium/issues/detail?id=258029
+  visibility: hidden;
+  user-select: none;
+  pointer-events: none;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1000;
 }

 // NoScript adds a __ns__pop2top class to the full ancestry of blocked elements,