Fix modal overlay (#1946)

* Fix modal overlay fixes #1941 * fix speed
btcpayserver · Oct 6, 2020 · cfa568a · cfa568a
1 parent ace904c
commit cfa568a
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/BTCPayServer/Views/Shared/LayoutPartials/SyncModal.cshtml b/BTCPayServer/Views/Shared/LayoutPartials/SyncModal.cshtml
@@ -28,6 +28,7 @@
     </div>
     <script>
         var syncModalContent = $('#syncModalContent');
+        var syncModal = $('#syncModal');
         if (localStorage.getItem("sync-collapsed")){
             syncModalContent.removeClass("show");
         }
@@ -36,8 +37,18 @@
         }).on('shown.bs.collapse', function () {
             localStorage.removeItem("sync-collapsed");
         });
+        function handleFooterBottom() {
+            if (document.getElementsByTagName("footer")[0].getBoundingClientRect().top < window.innerHeight){
+                syncModal.stop().animate({"bottom":"40px"}, 200);
+            } else {      
+                syncModal.stop().animate({"bottom":"10px"}, 200);
+            }
+        }
+        $(document).on("scroll", handleFooterBottom);
+        handleFooterBottom();
     </script>
     <style type="text/css">
+        
         #syncModal {
             position: fixed;
             bottom: 40px;