From f0297e5120f8ae01e935b30fef83b2e1122e3e29 Mon Sep 17 00:00:00 2001
From: Viren070 <viren070@protonmail.com>
Date: Fri, 13 Dec 2024 15:07:52 +0000
Subject: [PATCH] fix(css): fix navbar links showing behind search button on
 mobile

---
 src/css/custom.css | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 12f44fb..c3ab333 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -47,14 +47,6 @@
   100% { transform: rotate(0deg); }
 }
 
-
-.header-github-link,
-.header-kofi-link {
-  display: inline-block;
-  position: relative;
-  transition: transform 0.2s ease, background-color 0.3s ease;
-}
-
 .header-github-link::before,
 .header-kofi-link::before {
   content: '';
@@ -62,7 +54,7 @@
   height: 24px;
   display: flex;
   background-color: var(--ifm-navbar-link-color);
-  transition: background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
+  transition: background-color 0.4s ease, opacity 0.9s;
 }
 
 .header-github-link::before {
@@ -78,12 +70,13 @@
 .header-github-link:hover::before,
 .header-kofi-link:hover::before {
   background-color: var(--ifm-navbar-link-hover-color);
-  animation: subtleRotate 0.4s ease-in-out;
+  animation: subtleRotate 0.5s ease-in-out;
   animation-iteration-count: 1;
 }
 
 .header-github-link:active,
 .header-kofi-link:active {
+  transition: transform 0.2s;
   transform: scale(0.85);
 }