From 97e4a3d8e52bc2255f4be23967a2223f5e458a67 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 13 Jun 2022 01:36:41 +0300
Subject: [PATCH] fix popovers in modals
---
src/App.js | 3 +--
src/App.vue | 2 +-
src/components/popover/popover.vue | 2 +-
3 files changed, 3 insertions(+), 4 deletions(-)
diff --git a/src/App.js b/src/App.js
index f01f878826..d596768599 100644
--- a/src/App.js
+++ b/src/App.js
@@ -4,7 +4,6 @@ import InstanceSpecificPanel from './components/instance_specific_panel/instance
import FeaturesPanel from './components/features_panel/features_panel.vue'
import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
import ShoutPanel from './components/shout_panel/shout_panel.vue'
-import SettingsModal from './components/settings_modal/settings_modal.vue'
import MediaModal from './components/media_modal/media_modal.vue'
import SideDrawer from './components/side_drawer/side_drawer.vue'
import MobilePostStatusButton from './components/mobile_post_status_button/mobile_post_status_button.vue'
@@ -32,7 +31,7 @@ export default {
MobilePostStatusButton,
MobileNav,
DesktopNav,
- SettingsModal,
+ SettingsModal: defineAsyncComponent(() => import('./components/settings_modal/settings_modal.vue')),
UserReportingModal,
PostStatusModal,
GlobalNoticeList
diff --git a/src/App.vue b/src/App.vue
index c217ade5a0..5d7bb4e196 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -54,8 +54,8 @@
<PostStatusModal />
<SettingsModal />
<div id="modal" />
- <div id="popovers" />
<GlobalNoticeList />
+ <div id="popovers" />
</div>
</template>
diff --git a/src/components/popover/popover.vue b/src/components/popover/popover.vue
index 528c4fb21d..25ce32fb7c 100644
--- a/src/components/popover/popover.vue
+++ b/src/components/popover/popover.vue
@@ -43,7 +43,7 @@
}
.popover {
- z-index: 500;
+ z-index: 90000;
position: absolute;
min-width: 0;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
--
GitLab