Merge pull request #5097 from NamelessContributor/fix-spoiler-link-tap

css: prevent acidentally opening spoilered links
2022-04-09 03:23:12 -05:00
parent 98a9b2484b 91a9153764
commit 4f6c947e4e
1 changed files with 11 additions and 0 deletions
--- a/app/javascript/src/styles/common/dtext.scss
+++ b/app/javascript/src/styles/common/dtext.scss
@@ -123,6 +123,17 @@ div.prose {
    color: var(--dtext-spoiler-hover-color);
  }

+  // Prevent accidentally opening a link when tapping a spoiler to reveal it
+  .spoiler:hover a {
+    animation: delay-pointer-events 50ms;
+  }
+
+  @keyframes delay-pointer-events {
+    0%, 99% {
+      pointer-events: none;
+    }
+  }
+
  .spoiler {
    background: var(--dtext-spoiler-background-color);
  }