fix popovers in modals

This commit is contained in:
Henry Jameson 2022-06-13 01:36:41 +03:00
parent 85de0927fa
commit 97e4a3d8e5
3 changed files with 3 additions and 4 deletions

View File

@ -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

View File

@ -54,8 +54,8 @@
<PostStatusModal />
<SettingsModal />
<div id="modal" />
<div id="popovers" />
<GlobalNoticeList />
<div id="popovers" />
</div>
</template>

View File

@ -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);