From 006e8c18e3b7c3d52ca41f2b229b6eb063e64ff6 Mon Sep 17 00:00:00 2001
From: Graham Steffaniak <graham.steffaniak@autodesk.com>
Date: Sat, 22 Jul 2023 23:19:12 -0500
Subject: [PATCH] made overlay work

---
 frontend/src/components/prompts/Prompts.vue |  6 ++++++
 frontend/src/css/dashboard.css              | 11 +++++++++++
 2 files changed, 17 insertions(+)

diff --git a/frontend/src/components/prompts/Prompts.vue b/frontend/src/components/prompts/Prompts.vue
index b7d6e58c..36cb0349 100644
--- a/frontend/src/components/prompts/Prompts.vue
+++ b/frontend/src/components/prompts/Prompts.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
     <component ref="currentComponent" :is="currentComponent"></component>
+    <div v-show="showOverlay" @click="resetPrompts" class="overlay"></div>
   </div>
 </template>
 
@@ -103,6 +104,11 @@ export default {
 
       return (matched && this.show) || null;
     },
+    showOverlay: function () {
+      return (
+        this.show !== null && this.show !== "search" && this.show !== "more"
+      );
+    },
   },
   methods: {
     resetPrompts() {
diff --git a/frontend/src/css/dashboard.css b/frontend/src/css/dashboard.css
index 63ba2edd..e36a7bd5 100644
--- a/frontend/src/css/dashboard.css
+++ b/frontend/src/css/dashboard.css
@@ -311,6 +311,17 @@ body.rtl .card .card-title>*:first-child {
   flex: 1;
 }
 
+.overlay {
+  background-color: rgba(0, 0, 0, 0);
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: 9999;
+  animation: .1s show forwards;
+}
+
 
 /* * * * * * * * * * * * * * * *
  *        PROMPT - MOVE        *