From 31185b01d5ece8534aa595d5c4f7c86b394a062a Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Sat, 11 Apr 2026 19:19:49 +0530
Subject: [PATCH] Refactor top-link visibility and positioning in footer -
 Update CSS for top-link to use rem units - Modify HTML to include 'hidden'
 class for initial state - Adjust JavaScript to toggle visibility using class

---
 assets/css/common/footer.css | 14 +++++++++-----
 layouts/partials/footer.html | 14 ++++++--------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/assets/css/common/footer.css b/assets/css/common/footer.css
index 80d2ba0f..f9fedc06 100644
--- a/assets/css/common/footer.css
+++ b/assets/css/common/footer.css
@@ -31,19 +31,23 @@
 }
 
 .top-link {
-    visibility: hidden;
     position: fixed;
-    bottom: 60px;
-    right: 30px;
+    bottom: 4rem;
+    right: 2rem;
     z-index: 99;
     background: var(--tertiary);
-    width: 42px;
-    height: 42px;
+    width: 2.5rem;
+    height: 2.5rem;
     padding: 10px;
     border-radius: 64px;
     transition: visibility .3s, opacity .3s cubic-bezier(0.4, 0, 1, 1);
 }
 
+.hidden {
+    visibility: hidden;
+    opacity: 0;
+}
+
 .top-link,
 .top-link svg {
     filter: drop-shadow(0px 0px 0px var(--theme));
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 929aad39..86ce691a 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -23,9 +23,9 @@
 {{- end }}
 
 {{- if (not site.Params.disableScrollToTop) }}
-<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-up">
+<a href="#top" id="top-link" class="top-link hidden" aria-label="go to top" title="Go to Top (Alt + G)" accesskey="g">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+        stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-up">
         <polyline points="17 11 12 6 7 11"></polyline>
         <polyline points="17 18 12 13 7 18"></polyline>
     </svg>
@@ -71,14 +71,12 @@
 
 {{- if (not site.Params.disableScrollToTop) }}
 <script>
-    var mybutton = document.getElementById("top-link");
+    var toplink = document.getElementById("top-link");
     window.onscroll = function () {
         if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
-            mybutton.style.visibility = "visible";
-            mybutton.style.opacity = "1";
+            toplink.classList.remove("hidden");
         } else {
-            mybutton.style.visibility = "hidden";
-            mybutton.style.opacity = "0";
+            toplink.classList.add("hidden");
         }
     };