From 821f51ea5ad1f5c2eb72441bc761031cacee43e1 Mon Sep 17 00:00:00 2001
From: kloon15 <kloon15@users.noreply.github.com>
Date: Sun, 28 Apr 2024 19:49:25 +0200
Subject: [PATCH] fix: apply proper zindex to modal dialogs (#3172)

---
 frontend/src/components/prompts/BaseModal.vue | 2 +-
 frontend/src/css/base.css                     | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/prompts/BaseModal.vue b/frontend/src/components/prompts/BaseModal.vue
index 1385a3ad..d92f0f73 100644
--- a/frontend/src/components/prompts/BaseModal.vue
+++ b/frontend/src/components/prompts/BaseModal.vue
@@ -1,5 +1,6 @@
 <template>
   <VueFinalModal
+    class="vfm-modal"
     overlay-transition="vfm-fade"
     content-transition="vfm-fade"
     @closed="layoutStore.closeHovers"
@@ -7,7 +8,6 @@
       initialFocus: '#focus-prompt',
       fallbackFocus: 'div.vfm__content',
     }"
-    style="z-index: 9999999"
   >
     <slot />
   </VueFinalModal>
diff --git a/frontend/src/css/base.css b/frontend/src/css/base.css
index 7d90468e..998dfb84 100644
--- a/frontend/src/css/base.css
+++ b/frontend/src/css/base.css
@@ -178,3 +178,7 @@ html[dir="rtl"] .breadcrumbs a {
 .vue-number-input__button::after {
   background: var(--textSecondary) !important;
 }
+
+.vfm-modal {
+  z-index: 9999999 !important;
+}