From 24271a23885a6c09d0cf49546085fd269ba904ee Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Sat, 14 Dec 2024 18:52:49 -0800
Subject: [PATCH] Fix modal animation when modal is in another modal, and add
 close label (#3027)

Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
---
 packages/ui/src/components/modal/NewModal.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/modal/NewModal.vue b/packages/ui/src/components/modal/NewModal.vue
index c7eac5bd0..36947d10f 100644
--- a/packages/ui/src/components/modal/NewModal.vue
+++ b/packages/ui/src/components/modal/NewModal.vue
@@ -31,7 +31,7 @@
             </slot>
           </div>
           <ButtonStyled v-if="closable" circular>
-            <button aria-label="Close" @click="hide">
+            <button v-tooltip="'Close'" aria-label="Close" @click="hide">
               <XIcon aria-hidden="true" />
             </button>
           </ButtonStyled>
@@ -214,14 +214,14 @@ function handleKeyDown(event: KeyboardEvent) {
     visibility: visible;
     transform: translate(0, 0);
 
-    .modal-body {
+    > .modal-body {
       opacity: 1;
       visibility: visible;
       scale: 1;
     }
   }
 
-  .modal-body {
+  > .modal-body {
     position: fixed;
     box-shadow: 4px 4px 26px 10px rgba(0, 0, 0, 0.08);
     max-height: calc(100% - 2 * var(--gap-lg));