From 9fd43f8e4d3e6b5d7eb08c2f7f4d1085c2ea9e39 Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@thegeeklab.de>
Date: Sat, 1 Mar 2025 23:00:45 +0100
Subject: [PATCH] feat: add hover transition for icon links (#984)

---
 src/sass/_base.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/sass/_base.scss b/src/sass/_base.scss
index f756576..1c42948 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -438,6 +438,7 @@ svg.gdoc-icon {
       width: 1.85em;
       height: 1.85em;
       color: transparent;
+      transition: color 0.2s ease-in-out;
     }
 
     &:focus {
@@ -531,12 +532,20 @@ svg.gdoc-icon {
     position: relative;
 
     &:hover > .gdoc-post__codecopy {
+      opacity: 1;
       visibility: visible;
+      pointer-events: auto;
     }
   }
 
   &__codecopy {
+    opacity: 0;
     visibility: hidden;
+    transition:
+      opacity 0.2s ease,
+      visibility 0.2s ease;
+    pointer-events: none;
+
     position: absolute;
     top: defaults.$padding-8;
     right: defaults.$padding-8;