fix: increase z-index of the accept modal to be above any modal (for cases when we use adminforth.confirm inside modal from afcl)

yaroslav8765 · yaroslav8765 · commit 27d9b247c2d0 · 2026-03-27T12:07:47.000+02:00
diff --git a/adminforth/spa/src/components/AcceptModal.vue b/adminforth/spa/src/components/AcceptModal.vue
@@ -3,6 +3,8 @@
     <Modal 
       ref="modalRef"
       :beforeCloseFunction="()=>{modalStore.onAcceptFunction(false);modalStore.isOpened=false}"
+      backgroundCustomClasses="z-[998]"
+      modalCustomClasses="z-[999]"
     >
       <div class="relative p-4 w-full max-w-md max-h-full" >
         <button type="button" @click="modalStore.togleModal()" class="absolute top-3 end-2.5 text-lightAcceptModalCloseIcon bg-transparent hover:bg-lightAcceptModalCloseIconHoverBackground hover:text-lightAcceptModalCloseIconHover rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:text-darkAcceptModalCloseIcon dark:hover:bg-darkAcceptModalCloseIconHoverBackground dark:hover:text-darkAcceptModalCloseIconHover" >

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,8 @@`
`3`	`3`	`<Modal`
`4`	`4`	`ref="modalRef"`
`5`	`5`	`:beforeCloseFunction="()=>{modalStore.onAcceptFunction(false);modalStore.isOpened=false}"`
	`6`	`+ backgroundCustomClasses="z-[998]"`
	`7`	`+ modalCustomClasses="z-[999]"`
`6`	`8`	`>`
`7`	`9`	`<div class="relative p-4 w-full max-w-md max-h-full" >`
`8`	`10`	`<button type="button" @click="modalStore.togleModal()" class="absolute top-3 end-2.5 text-lightAcceptModalCloseIcon bg-transparent hover:bg-lightAcceptModalCloseIconHoverBackground hover:text-lightAcceptModalCloseIconHover rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:text-darkAcceptModalCloseIcon dark:hover:bg-darkAcceptModalCloseIconHoverBackground dark:hover:text-darkAcceptModalCloseIconHover" >`