From 16600ee15914d99868aecf4f58bfe1373a3d2379 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Mon, 8 May 2023 22:11:38 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Move=20to=20top=20gap=20between?=
 =?UTF-8?q?=20content=20and=20icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/compiled/main.css        |  4 ++--
 assets/js/appearance.js             | 10 +++++++++-
 layouts/partials/footer.html        |  2 +-
 layouts/partials/scroll-to-top.html |  2 +-
 4 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 522cab74..df31a4c8 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1403,8 +1403,8 @@ select {
   top: 5rem;
 }
 
-.top-\[100vh\] {
-  top: 100vh;
+.top-\[110vh\] {
+  top: 110vh;
 }
 
 .top-\[11px\] {
diff --git a/assets/js/appearance.js b/assets/js/appearance.js
index 0acf9f18..2d7385ec 100644
--- a/assets/js/appearance.js
+++ b/assets/js/appearance.js
@@ -64,4 +64,12 @@ var updateMeta = () => {
   elem = document.querySelector('body');
   style = getComputedStyle(elem);
   document.querySelector('meta[name="theme-color"]').setAttribute('content', style.backgroundColor);
-}
\ No newline at end of file
+}
+
+window.addEventListener("DOMContentLoaded", (event) => {
+  const scroller = document.getElementById("top-scroller");
+  const footer = document.getElementById("site-footer");
+  if(scroller.getBoundingClientRect().top > footer.getBoundingClientRect().top) {
+    scroller.hidden = true;
+  }
+});
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 964f4b79..dadd2c08 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-<footer class="py-10 print:hidden">
+<footer id="site-footer" class="py-10 print:hidden">
   {{/* Footer menu */}}
   {{ if .Site.Params.footer.showMenu | default true }}
     {{ if .Site.Menus.footer }}
diff --git a/layouts/partials/scroll-to-top.html b/layouts/partials/scroll-to-top.html
index 1052f3ea..717ce5e7 100644
--- a/layouts/partials/scroll-to-top.html
+++ b/layouts/partials/scroll-to-top.html
@@ -1,4 +1,4 @@
-<div class="pointer-events-none absolute top-[100vh] bottom-0 w-12 ltr:right-0 rtl:left-0">
+<div id="top-scroller" class="pointer-events-none absolute top-[110vh] bottom-0 w-12 ltr:right-0 rtl:left-0">
   <a href="#the-top"
     class="pointer-events-auto sticky top-[calc(100vh-5.5rem)] flex h-12 w-12 mb-16 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 backdrop-blur hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"
     aria-label="{{ i18n "nav.scroll_to_top_title" }}" title="{{ i18n "nav.scroll_to_top_title" }}">