hypercross
/
ttrpg-tools
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(ui): increase z-index for DocDialog elements 

Update z-index from 50 to 60 for the dialog overlay and dropdown
to ensure they appear above other UI components.
This commit is contained in:
hypercross 2026-07-07 23:59:57 +08:00
parent c10b088fb1
commit 3eba8b3279
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/DocDialog.tsx
View File

@ -63,7 +63,7 @@ const DocDialog: Component<DocDialogProps> = (props) => {
return ( return (
<Show when={props.isOpen}> <Show when={props.isOpen}>
<div <div
class="fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4" class="fixed inset-0 bg-black/50 z-60 flex items-center justify-center p-4"
onClick={(e) => { onClick={(e) => {
if (e.target === e.currentTarget) props.onClose(); if (e.target === e.currentTarget) props.onClose();
}} }}
@ -79,7 +79,7 @@ const DocDialog: Component<DocDialogProps> = (props) => {
<span class="text-gray-400 text-sm">▾</span> <span class="text-gray-400 text-sm">▾</span>
</button> </button>
<Show when={dropdownOpen()}> <Show when={dropdownOpen()}>
<div class="absolute top-full left-0 mt-1 w-52 bg-white border border-gray-200 rounded shadow-lg z-50 py-1"> <div class="absolute top-full left-0 mt-1 w-52 bg-white border border-gray-200 rounded shadow-lg z-60 py-1">
<button <button
onClick={() => switchDocSet("directives")} onClick={() => switchDocSet("directives")}
class={`w-full text-left px-3 py-2 text-sm hover:bg-gray-100 flex items-center gap-2 ${ class={`w-full text-left px-3 py-2 text-sm hover:bg-gray-100 flex items-center gap-2 ${