From 90ea91c33386bb109bbe24fe653c9b8d88786db1 Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Tue, 8 Jan 2019 14:41:51 +0100
Subject: [PATCH] Fixed small issue with dropdown

---
 assets/styles/main.scss | 20 ++++++++++++++++++++
 layouts/blank.vue       |  1 +
 layouts/default.vue     | 20 --------------------
 3 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/assets/styles/main.scss b/assets/styles/main.scss
index e9254c4b9..91b040f54 100644
--- a/assets/styles/main.scss
+++ b/assets/styles/main.scss
@@ -126,3 +126,23 @@ hr {
   background-color: $color-neutral-80;
   height: 1px !important;
 }
+
+#overlay {
+  display: block;
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  position: fixed;
+  background: rgba(0, 0, 0, 0.15);
+  z-index: 99;
+  pointer-events: none;
+  transition: opacity 150ms ease-out;
+  transition-delay: 50ms;
+
+  .dropdown-open & {
+    opacity: 1;
+    transition-delay: 0;
+  }
+}
diff --git a/layouts/blank.vue b/layouts/blank.vue
index 23a783ac6..140ec9f6e 100644
--- a/layouts/blank.vue
+++ b/layouts/blank.vue
@@ -5,6 +5,7 @@
         <nuxt />
       </div>
     </ds-container>
+    <div id="overlay" />
   </div>
 </template>
 
diff --git a/layouts/default.vue b/layouts/default.vue
index 6004cec26..aee92529d 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -163,24 +163,4 @@ export default {
     padding-bottom: 1rem;
   }
 }
-
-#overlay {
-  display: block;
-  opacity: 0;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  position: fixed;
-  background: rgba(0, 0, 0, 0.15);
-  z-index: 99;
-  pointer-events: none;
-  transition: opacity 150ms ease-out;
-  transition-delay: 50ms;
-
-  .dropdown-open & {
-    opacity: 1;
-    transition-delay: 0;
-  }
-}
 </style>