From 98261a864d6a555d7f72c982b15c23214d2bc602 Mon Sep 17 00:00:00 2001
From: Samuel Elliott <samuelthomas2774@users.noreply.github.com>
Date: Tue, 13 Feb 2018 17:37:05 +0000
Subject: [PATCH] Hide lower modals

---
 client/src/ui/components/bd/BdModals.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/ui/components/bd/BdModals.vue b/client/src/ui/components/bd/BdModals.vue
index 95dbc461..34a4bed8 100644
--- a/client/src/ui/components/bd/BdModals.vue
+++ b/client/src/ui/components/bd/BdModals.vue
@@ -12,7 +12,7 @@
     <div class="bd-modals-container">
         <div v-for="(modal, index) in modals.stack" :key="`bd-modal-${index}`">
             <div class="bd-backdrop" :class="{'bd-backdrop-out': modal.closing}" :style="{opacity: index === 0 ? undefined : 0}"></div>
-            <div class="bd-modal-wrap" :style="{transform: `scale(${downscale(index + 1)})`, opacity: downscale(index + 1) / 0.5 + 0.5}">
+            <div class="bd-modal-wrap" :style="{transform: `scale(${downscale(index + 1, 0.2)})`, opacity: downscale(index + 1, 1)}">
                 <div class="bd-modal-close-area" @click="closeModal(modal)"></div>
                 <component :is="modal.component" />
             </div>
@@ -50,8 +50,8 @@
             closeModal(modal) {
                 modal.close();
             },
-            downscale(index) {
-                return 1 - ((this.modals.stack.filter(m => !m.closing).length - index) * 0.2);
+            downscale(index, times) {
+                return 1 - ((this.modals.stack.filter(m => !m.closing).length - index) * times);
             }
         }
     }