From 03b771af5deec33f3cd9b6d135a4da94f9bfd046 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Fri, 20 May 2022 10:49:58 -0400
Subject: [PATCH 1/3] WIP modal update.

Remove animated text. Set background color and z-index.
---
 .../loading-modal/loading-modal.vue           | 59 ++-----------------
 1 file changed, 5 insertions(+), 54 deletions(-)

diff --git a/src/common-components/loading-modal/loading-modal.vue b/src/common-components/loading-modal/loading-modal.vue
index 7d6d4d578..a9be32267 100644
--- a/src/common-components/loading-modal/loading-modal.vue
+++ b/src/common-components/loading-modal/loading-modal.vue
@@ -1,5 +1,5 @@
 <template>
-  <div  v-if="isModalVisible" class="container modal-loader vh-100">
+  <div class="container modal-loader vh-100">
     <div class="row h-100 d-flex align-items-center">
       <div class="container-fluid">
         <div class="row h-100">
@@ -11,18 +11,8 @@
         </div>
         <div class="row">
           <div class="col">
-            <p class="m-0 fs-5 d-flex position-absolute justify-content-center" id="text-1">
-              Assessing your damage...
-            </p>
-            <p class="m-0 fs-5 d-flex position-absolute justify-content-center" id="text-2">
-              Finding your glass...
-            </p>
-            <p class="m-0 fs-5 d-flex position-absolute justify-content-center" id="text-3">
-              Generating your quote...
-            </p>
-            <p class="m-0 fs-5 d-flex position-absolute justify-content-center" id="text-4">
-              Seriously... don't go...
-            </p>
+            <p class="mb-0 fs-5 text-center">We're processing your information.</p>
+            <p class="mb-0 fs-5 text-center">This could take up to 30 seconds...</p>
           </div>
         </div>
       </div>
@@ -57,10 +47,10 @@ export default {
 
 <style lang="scss">
 .modal-loader {
+  background-color: $white;
+  z-index: 9999;
   p {
     font-family: Roboto;
-    left: 0;
-    right: 0;
   }
 
   .tagbg {
@@ -77,44 +67,5 @@ export default {
     border-right-color: transparent;
   }
 
-  #text-1 {
-    animation: 3s ease-in-out 5s normal forwards 1 fade1;
-  }
-  #text-2 {
-    opacity: 0;
-    animation: 6s ease-in-out 7s normal forwards 1 fade2;
-  }
-  #text-3 {
-    opacity: 0;
-    animation: 6s ease-in-out 12s normal forwards 1 fade3;
-  }
-  #text-4 {
-    opacity: 0;
-    animation: 3s ease-in-out 17s normal forwards 1 fade4;
-  }
-
-  @keyframes fade1 {
-    0% { opacity:1; }
-    100% { opacity:0; }
-  }
-
-  @keyframes fade2 {
-    0% { opacity:0; }
-    33% { opacity:1; }
-    66% { opacity:1; }
-    100% { opacity:0; }
-  }
-
-  @keyframes fade3 {
-    0% { opacity:0; }
-    33% { opacity:1; }
-    66% { opacity:1; }
-    100% { opacity:0; }
-  }
-
-  @keyframes fade4 {
-    0% { opacity:0; }
-    100% { opacity:1; }
-  }
 }
 </style>

From a360481e7074b460e432222a8f6955593200d9e2 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Fri, 20 May 2022 10:53:32 -0400
Subject: [PATCH 2/3] Update background color.

---
 src/common-components/loading-modal/loading-modal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/common-components/loading-modal/loading-modal.vue b/src/common-components/loading-modal/loading-modal.vue
index a9be32267..08505f4ba 100644
--- a/src/common-components/loading-modal/loading-modal.vue
+++ b/src/common-components/loading-modal/loading-modal.vue
@@ -47,7 +47,7 @@ export default {
 
 <style lang="scss">
 .modal-loader {
-  background-color: $white;
+  background-color: $gray-100;
   z-index: 9999;
   p {
     font-family: Roboto;

From 4f41a1ca56094deff1f3020b3246735291f21ab1 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Fri, 20 May 2022 11:00:29 -0400
Subject: [PATCH 3/3] Remove font size.

---
 src/common-components/loading-modal/loading-modal.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/common-components/loading-modal/loading-modal.vue b/src/common-components/loading-modal/loading-modal.vue
index 08505f4ba..f62a9a558 100644
--- a/src/common-components/loading-modal/loading-modal.vue
+++ b/src/common-components/loading-modal/loading-modal.vue
@@ -11,8 +11,8 @@
         </div>
         <div class="row">
           <div class="col">
-            <p class="mb-0 fs-5 text-center">We're processing your information.</p>
-            <p class="mb-0 fs-5 text-center">This could take up to 30 seconds...</p>
+            <p class="mb-0 text-center">We're processing your information.</p>
+            <p class="mb-0 text-center">This could take up to 30 seconds...</p>
           </div>
         </div>
       </div>