From 1473f220cb0134b3d13b8ebf5d0eb568fdb2c037 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sun, 22 Sep 2024 15:42:25 +0600
Subject: [PATCH] web/SectionHeading: make the link button always visible

scaling and 40 letter german words will be the death of me
---
 web/src/components/misc/SectionHeading.svelte | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/web/src/components/misc/SectionHeading.svelte b/web/src/components/misc/SectionHeading.svelte
index 31e27003..4645f2d0 100644
--- a/web/src/components/misc/SectionHeading.svelte
+++ b/web/src/components/misc/SectionHeading.svelte
@@ -51,13 +51,17 @@
         padding: 2px;
         box-shadow: none;
         border-radius: 5px;
-        transition: opacity 0.1s;
+        transition: opacity 0.2s;
+        opacity: 0.7;
+    }
+
+    .link-copy:focus-visible {
+        opacity: 1;
     }
 
     .link-copy :global(.copy-animation) {
         width: 17px;
         height: 17px;
-        opacity: 0.7;
     }
 
     .link-copy :global(.copy-animation *) {
@@ -65,10 +69,6 @@
         height: 17px;
     }
 
-    .link-copy :global(.copy-animation):hover {
-        opacity: 1;
-    }
-
     .beta-label {
         display: flex;
         justify-content: center;
@@ -84,10 +84,6 @@
     }
 
     @media (hover: hover) {
-        .link-copy:not(:focus-visible) {
-            opacity: 0;
-        }
-
         .heading-container:hover .link-copy {
             opacity: 1;
         }