Merge pull request #521 from devforth/feature/AdminForth/1348/modal-should-be-over-dropdown

yaroslav8765 · web-flow · commit bc9ffd4fe590 · 2026-03-24T13:05:01.000+02:00
fix: decrease z-index three dots that the modal is higher
diff --git a/adminforth/spa/src/components/ListActionsThreeDots.vue b/adminforth/spa/src/components/ListActionsThreeDots.vue
@@ -11,7 +11,7 @@
       <div
         v-if="showMenu"
         ref="menuRef"
-        class="z-50 bg-white dark:bg-gray-900 rounded-md shadow-lg border dark:border-gray-700 py-1"
+        class="z-40 bg-white dark:bg-gray-900 rounded-md shadow-lg border dark:border-gray-700 py-1"
         :style="menuStyles"
       >
         <template v-if="!resourceOptions?.baseActionsAsQuickIcons || (resourceOptions?.baseActionsAsQuickIcons && !resourceOptions?.baseActionsAsQuickIcons.includes('show'))">

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@`
`11`	`11`	`<div`
`12`	`12`	`v-if="showMenu"`
`13`	`13`	`ref="menuRef"`
`14`		`- class="z-50 bg-white dark:bg-gray-900 rounded-md shadow-lg border dark:border-gray-700 py-1"`
	`14`	`+ class="z-40 bg-white dark:bg-gray-900 rounded-md shadow-lg border dark:border-gray-700 py-1"`
`15`	`15`	`:style="menuStyles"`
`16`	`16`	`>`
`17`	`17`	`<template v-if="!resourceOptions?.baseActionsAsQuickIcons \|\| (resourceOptions?.baseActionsAsQuickIcons && !resourceOptions?.baseActionsAsQuickIcons.includes('show'))">`