From 9d461ecca3ab74923e20f3704005f19eb35a4820 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Fri, 20 May 2022 17:05:21 -0400
Subject: [PATCH] Change how modal is positioned.

---
 .../loading-modal/loading-modal.vue           | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/common-components/loading-modal/loading-modal.vue b/src/common-components/loading-modal/loading-modal.vue
index 753bd6f75..1fc1f5578 100644
--- a/src/common-components/loading-modal/loading-modal.vue
+++ b/src/common-components/loading-modal/loading-modal.vue
@@ -46,17 +46,22 @@ export default {
 </script>
 
 <style lang="scss">
+body {
+  overflow: hidden;
+}
 .modal-loader {
-  height: 100%;
-  max-width: 100% !important;//For use with modal only
-  background-color: $gray-100;
-  z-index: 9999;
-  position: absolute;
-  width: 100%;
+  position: fixed;
+  top: 0;
   left: 0;
   right: 0;
-  top: 0;
   bottom: 0;
+  z-index: 1055;
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  outline: 0;
+  background: $gray-100;
   p {
     font-family: Roboto;
   }