about summary refs log tree commit diff
diff options
context:
space:
mode:
authorClaire <claire.github-309c@sitedethib.com>2022-06-10 17:34:59 +0200
committerClaire <claire.github-309c@sitedethib.com>2022-06-11 00:09:20 +0200
commitf938afee7229d7218559069c3dd968f131b6219c (patch)
tree8ed50e08f3de377e7b1e264a3029f52f56d3d58e
parentb31c32fd61178d54c1550cd247e260d6021e8e9b (diff)
[Glitch] Fix logo gradient not working on some Safari and Blink-based browsers
Port 37cd984acfdd206e85c50a851c4daedc2c87deb3 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
-rw-r--r--app/javascript/flavours/glitch/styles/basics.scss12
1 files changed, 11 insertions, 1 deletions
diff --git a/app/javascript/flavours/glitch/styles/basics.scss b/app/javascript/flavours/glitch/styles/basics.scss
index be0e1b860..a00b2936f 100644
--- 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,