Updating scroll button

github · Oct 19, 2023 · 22f25b8 · 22f25b8
1 parent bcaa207
commit 22f25b8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git 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">Scroll to Top</button>
+<button id="scrollToTopButton" title="Go to top"></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
@@ -4,11 +4,18 @@
     bottom: 20px;
     right: 20px;
     z-index: 99;
-    font-size: 16px;
     background-color: #333;
     color: #fff;
     border: none;
     cursor: pointer;
-    padding: 10px;
-    border-radius: 4px;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%; 
+    text-align: center;
+    font-size: 24px;
+    line-height: 50px;
+  }
+
+  #scrollToTopButton::before {
+    content: '\2191'; /* Unicode for an upwards arrow */
   }