From 7a92d423fca91fe84a2ba2fc32dba131e2f041a7 Mon Sep 17 00:00:00 2001
From: ankitkr104 <itx.ankit.kr@gmail.com>
Date: Fri, 10 Apr 2026 11:44:53 +0530
Subject: [PATCH 1/2] Improve scroll-to-top button styling and behavior

---
 _includes/footer.html  |  6 +++++-
 assets/css/button.scss | 30 +++++++++++++++++++++++-------
 assets/js/button.js    |  2 +-
 3 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 6680765bf2e..b9f7117c33f 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,5 +1,9 @@
 {% assign t = site.data.locales[page.lang][page.lang] %}
-<button id="scrollToTopButton" title="Go to top">Scroll to Top</button>
+<button id="scrollToTopButton" title="Go to top" aria-label="Scroll to top">
+  <svg aria-hidden="true" viewBox="0 0 24 24" focusable="false">
+    <path d="M12 4L5 11h4v9h6v-9h4z"></path>
+  </svg>
+</button>
 <footer class="bg-white border-top text-center pt-5">
   <div class="container-lg p-responsive mx-auto">
 
diff --git a/assets/css/button.scss b/assets/css/button.scss
index bbb5785c531..2f000da2e0b 100644
--- a/assets/css/button.scss
+++ b/assets/css/button.scss
@@ -4,11 +4,27 @@
     bottom: 20px;
     right: 20px;
     z-index: 99;
-    font-size: 16px;
-    background-color: #333;
-    color: #fff;
-    border: none;
+    width: 44px;
+    height: 44px;
+    padding: 0;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+    color: #6a737d;
+    border: 1px solid #d0d7de;
     cursor: pointer;
-    padding: 10px;
-    border-radius: 4px;
-  }
\ No newline at end of file
+    border-radius: 50%;
+    box-shadow: 0 2px 6px rgba(27, 31, 35, 0.12);
+}
+
+#scrollToTopButton:hover {
+    background-color: #f6f8fa;
+    border-color: #afb8c1;
+}
+
+#scrollToTopButton svg {
+    width: 20px;
+    height: 26px;
+    display: block;
+    fill: #6a737d;
+}
\ No newline at end of file
diff --git a/assets/js/button.js b/assets/js/button.js
index 9456e097dc7..eb2d4c9d2a9 100644
--- a/assets/js/button.js
+++ b/assets/js/button.js
@@ -2,7 +2,7 @@
 window.addEventListener('scroll', function () {
     var scrollToTopButton = document.getElementById('scrollToTopButton');
     if (window.scrollY > 300) {
-        scrollToTopButton.style.display = 'block';
+        scrollToTopButton.style.display = 'flex';
     } else {
         scrollToTopButton.style.display = 'none';
     }

From 39a72265b5101627edd6f8dfba0ca449691884d2 Mon Sep 17 00:00:00 2001
From: ankitkr104 <itx.ankit.kr@gmail.com>
Date: Fri, 10 Apr 2026 12:02:21 +0530
Subject: [PATCH 2/2] Harden scroll-to-top button behavior

---
 _includes/footer.html  |  2 +-
 assets/css/button.scss |  2 +-
 assets/js/button.js    | 31 +++++++++++++++++++------------
 3 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index b9f7117c33f..d211c6ef53b 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,5 +1,5 @@
 {% assign t = site.data.locales[page.lang][page.lang] %}
-<button id="scrollToTopButton" title="Go to top" aria-label="Scroll to top">
+<button id="scrollToTopButton" type="button" title="Scroll to top" aria-label="Scroll to top">
   <svg aria-hidden="true" viewBox="0 0 24 24" focusable="false">
     <path d="M12 4L5 11h4v9h6v-9h4z"></path>
   </svg>
diff --git a/assets/css/button.scss b/assets/css/button.scss
index 2f000da2e0b..bcfd0fe6e63 100644
--- a/assets/css/button.scss
+++ b/assets/css/button.scss
@@ -26,5 +26,5 @@
     width: 20px;
     height: 26px;
     display: block;
-    fill: #6a737d;
+    fill: currentColor;
 }
\ No newline at end of file
diff --git a/assets/js/button.js b/assets/js/button.js
index eb2d4c9d2a9..141ef189e72 100644
--- a/assets/js/button.js
+++ b/assets/js/button.js
@@ -1,14 +1,21 @@
 
-window.addEventListener('scroll', function () {
-    var scrollToTopButton = document.getElementById('scrollToTopButton');
-    if (window.scrollY > 300) {
-        scrollToTopButton.style.display = 'flex';
-    } else {
-        scrollToTopButton.style.display = 'none';
-    }
-});
-
-document.getElementById('scrollToTopButton').addEventListener('click', function () {
-    window.scrollTo({ top: 0, behavior: 'smooth' });
-});
+var scrollToTopButton = document.getElementById('scrollToTopButton');
+
+if (scrollToTopButton) {
+    var toggleScrollToTopButton = function () {
+        if (window.scrollY > 300) {
+            scrollToTopButton.style.display = 'flex';
+        } else {
+            scrollToTopButton.style.display = 'none';
+        }
+    };
+
+    window.addEventListener('scroll', toggleScrollToTopButton);
+
+    scrollToTopButton.addEventListener('click', function () {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    });
+
+    toggleScrollToTopButton();
+}