Fix manual flow dialog showing above select item drawer (#21361)

.changeset/breezy-moose-think.md

@@ -0,0 +1,5 @@
+---
+'@directus/app': patch
+---
+
+Fixed manual flow dialog showing above select item drawer

app/src/components/v-dialog.vue

@@ -105,6 +105,10 @@ function nudge() {
 	z-index: 600;
 }
 
+.container.center:has(.manual-flow-card) {
+	z-index: 500;
+}
+
 .container.center.nudge > :slotted(*:not(:first-child)) {
 	animation: nudge 200ms;
 }

app/src/views/private/components/flow-sidebar-detail.vue

@@ -181,7 +181,7 @@ const runManualFlow = async (flowId: string) => {
 		</div>
 
 		<v-dialog :model-value="!!confirmRunFlow" @esc="resetConfirm">
-			<v-card>
+			<v-card class="manual-flow-card">
 				<template v-if="confirmDetails">
 					<v-card-title>{{ confirmDetails.description ?? t('run_flow_confirm') }}</v-card-title>