From 16583d85fba0c111531bea6f27f59de0da648a90 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Wed, 13 Feb 2019 18:18:18 +0100
Subject: [PATCH] Disable overflow on main container when popover

---
 src/components/Home.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Home.vue b/src/components/Home.vue
index 41deb86..52e4dfa 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -9,7 +9,7 @@
 
 
     <Popover class="popup" v-if="popoverShow" :image="popoverImage"></Popover>
-    <router-link to="edit">Edit Page</router-link>
+    <router-link to="edit" v-bind:class="{ disableScroll: popoverShow }">Edit Page</router-link>
 
     <event-page></event-page>
   </div>
@@ -53,6 +53,10 @@
 </script>
 
 <style language="scss">
+  .disableScroll {
+    overflow: hidden;
+  }
+
   h2 {
     text-align: center;
     font-weight: normal;