From ad2d633d239f7f94663e3bcfdbae96d3b88fa81c Mon Sep 17 00:00:00 2001
From: James Hunt <jim@thetwopercent.co.uk>
Date: Mon, 21 Sep 2020 11:17:36 +0200
Subject: [PATCH] Updating back to top position, changing fade in/out method,
 closes #300

---
 .../source/scss/components/_back-to-top.scss   | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/web/wp-content/themes/lf-theme/source/scss/components/_back-to-top.scss b/web/wp-content/themes/lf-theme/source/scss/components/_back-to-top.scss
index 3984ad13..ca5c6007 100644
--- a/web/wp-content/themes/lf-theme/source/scss/components/_back-to-top.scss
+++ b/web/wp-content/themes/lf-theme/source/scss/components/_back-to-top.scss
@@ -3,13 +3,20 @@
 .back-to-top {
     position: fixed;
     width: 50px;
+    bottom: 20px;
     right: 20px;
-    top: -9999em;
     z-index: 10;
     background-color: rgba($secondary-color, 0.5);
     padding: 8px 10px 8px 10px;
     opacity: 0;
-    transition: opacity 1s linear, top 0s 1.5s;
+    visibility: hidden;
+    transition: visibility 0s 2s, opacity 1s linear;
+
+    &.is-active {
+        opacity: 1;
+        visibility: visible;
+        transition: opacity 1s linear;
+    }
 
     svg {
         width: 30px;
@@ -20,11 +27,4 @@
             cursor: pointer;
         }
     }
-
-    &.is-active {
-        bottom: 70px;
-        top: auto;
-        opacity: 1;
-        transition: opacity 0.5s linear;
-    }
 }