MrSphay/Modrinth-plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: popover action bar behind modal (#5937)

Browse Source 
* fix: popover action bar behind modal

* fix: only below modal for backups
This commit is contained in:
Truman Gao
2026-04-27 17:33:33 -06:00
committed by GitHub
parent d65e465543
commit b39544b50e
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/ui/src/components/base/FloatingActionBar.vue
View File

@@ -6,13 +6,14 @@ import { useModalStack } from '../../composables/modal-stack'
const props = defineProps<{ const props = defineProps<{
shown: boolean shown: boolean
ariaLabel?: string ariaLabel?: string
belowModal?: boolean
}>() }>()
const toolbarEl = ref<HTMLElement | null>(null) const toolbarEl = ref<HTMLElement | null>(null)
const compact = ref(false) const compact = ref(false)
const { stackCount } = useModalStack() const { stackCount } = useModalStack()
const zIndex = computed(() => 100 + stackCount.value * 10 + 8) const zIndex = computed(() => 100 + stackCount.value * 10 + 8 + (!props.belowModal ? 1 : 0))
function checkCompact() { function checkCompact() {
const el = toolbarEl.value const el = toolbarEl.value

1
packages/ui/src/layouts/wrapped/hosting/manage/backups.vue
View File

@@ -160,6 +160,7 @@
</div> </div>
<FloatingActionBar <FloatingActionBar
below-modal
:shown="selectedIds.size > 0 || isBulkOperating" :shown="selectedIds.size > 0 || isBulkOperating"
:aria-label=" :aria-label="
formatMessage(messages.bulkBarAriaLabel, { formatMessage(messages.bulkBarAriaLabel, {