From 0df553a33b5b05bd69aa1655bae0ed1f22de28b4 Mon Sep 17 00:00:00 2001
From: Daniel <dhaavi@users.noreply.github.com>
Date: Thu, 20 Sep 2018 10:41:46 +0200
Subject: [PATCH] Hotfix floating button

---
 _includes/floating_button.html | 6 +++++-
 _sass/_floating_button.scss    | 5 +++--
 index.html                     | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)
diff --git a/_includes/floating_button.html b/_includes/floating_button.html
index 7f3c127..48e8c3f 100644
--- a/_includes/floating_button.html
+++ b/_includes/floating_button.html
@@ -15,7 +15,11 @@
 <script type="text/javascript">
 
   function scrollFunction() {
-    var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
+    {% if include.heightref %}
+    var h = document.getElementById('{{ include.heightref }}').offsetTop
+    {% else %}
+    var h = (window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight) / 4
+    {% endif %}
     if (document.body.scrollTop > h || document.documentElement.scrollTop > h) {
       document.getElementById("floating-button").classList.add("visible");
     } else {
diff --git a/_sass/_floating_button.scss b/_sass/_floating_button.scss
index c9343c6..8e8bb18 100644
--- a/_sass/_floating_button.scss
+++ b/_sass/_floating_button.scss
@@ -1,7 +1,7 @@
 #floating-button {
   position: fixed;
-  right: 25px;
   top: 25px;
+  right: 25px;
   box-shadow: 1px 2px 3px 1px #718399;
   background-color: $discreet;
   // width: 64px; DEFINED BELOW!
@@ -40,7 +40,8 @@
 @media only screen and (max-width: 767px) {
   #floating-button {
     width: 51px;
-    right: -4px;
+    top: 10px;
+    right: 10px;
   }
 }
 
diff --git a/index.html b/index.html
index 370c33f..72abfb1 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@ title: Safing
 </head>
 <body>
   {% include header.html home=true %}
-  {% include floating_button.html download=true %}
+  {% include floating_button.html heightref="portmaster" download=true %}
   <div class='content' style='background-image: url("/assets/img/shortlandscape.png"); background-size: 100%;background-repeat: no-repeat;'>
     <div class='ui grid'>
       <div class='computer only sixteen wide column' style='height: 10rem;'></div>
