From 4bf557875bdac6646c063ee5375d66df21c07652 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Mon, 21 Jun 2021 14:31:20 +0100
Subject: [PATCH] #42 Footer is now only position-fixed when window is not
 scrollable

---
 src/components/PageStrcture/Footer.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/PageStrcture/Footer.vue b/src/components/PageStrcture/Footer.vue
index 2f97d23e..56596ff4 100644
--- a/src/components/PageStrcture/Footer.vue
+++ b/src/components/PageStrcture/Footer.vue
@@ -1,8 +1,8 @@
 <template>
   <!-- User Footer -->
-  <footer v-if="text && text !== ''" v-html="text"></footer>
+  <footer v-if="text && text !== ''" v-html="text" :class="!scrollVisible ? 'fixed' : ''"></footer>
   <!-- Default Footer -->
-  <footer v-else>
+  <footer v-else :class="!scrollVisible ? 'fixed' : ''">
       Developed by <a :href="authorUrl">{{authorName}}</a>.
       Licensed under <a :href="licenseUrl">{{license}}</a>
       {{ showCopyright? '©': '' }} {{date}}.
@@ -23,14 +23,19 @@ export default {
     showCopyright: { type: Boolean, default: true },
     repoUrl: { type: String, default: 'https://github.com/lissy93/dashy' },
   },
+  data: () => ({
+    scrollVisible: false,
+  }),
+  mounted() {
+    this.scrollVisible = document.body.clientHeight > window.innerHeight;
+  },
 };
 </script>
 
 <style scoped lang="scss">
 
 footer {
-  position: fixed;
-  width: 100%;
+  width: calc(100% - 0.5rem);
   bottom: 0;
   padding: 0.25rem;
   text-align: center;
@@ -39,6 +44,7 @@ footer {
   background: var(--background-darker);
   margin-top: 1.5rem;
   border-top: 1px solid var(--outline-color);
+  &.fixed { position: fixed; }
 }
 
 footer a{