From aa9220dbc35199f4eb442047b8b18c8a25f9310f Mon Sep 17 00:00:00 2001
From: Nikan Dalvand <nikandalvand@gmail.com>
Date: Thu, 1 Aug 2019 22:27:54 +0430
Subject: [PATCH] Finished dialog overlay

---
 src/renderer/components/Dialog.vue       | 10 +++++++++-
 src/renderer/layouts/DockableSidebar.vue |  1 +
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/Dialog.vue b/src/renderer/components/Dialog.vue
index c850693..d0909b4 100644
--- a/src/renderer/components/Dialog.vue
+++ b/src/renderer/components/Dialog.vue
@@ -17,6 +17,14 @@ export default {
 </script>
 
 <style scoped lang="sass">
-.dialog
+.dialog-wrapper.open
+    .overlay
+        position: absolute
+        left: 0
+        top: 0
+        width: 100vw
+        height: 100vh
+        background: rgba(black,0.1)
+        z-index: 1400
     display: block
 </style>
diff --git a/src/renderer/layouts/DockableSidebar.vue b/src/renderer/layouts/DockableSidebar.vue
index c159f07..b65aadf 100644
--- a/src/renderer/layouts/DockableSidebar.vue
+++ b/src/renderer/layouts/DockableSidebar.vue
@@ -1,5 +1,6 @@
 <template>
     <div>
+        <Dialog />
         <section class="handle" :class="{'open': menuStatus}">
             <div @click="toggleMenuStatus" class="icon">
                 <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 384.97 384.97" style="enable-background:new 0 0 384.97 384.97;" xml:space="preserve">