feat: add highPriority option to Modal for goto-anything layering (#23783)
This commit is contained in:
parent
c0bb2ec851
commit
dc2aaae414
2 changed files with 4 additions and 1 deletions
|
|
@ -15,6 +15,7 @@ type IModal = {
|
|||
children?: React.ReactNode
|
||||
closable?: boolean
|
||||
overflowVisible?: boolean
|
||||
highPriority?: boolean // For modals that need to appear above dropdowns
|
||||
}
|
||||
|
||||
export default function Modal({
|
||||
|
|
@ -27,10 +28,11 @@ export default function Modal({
|
|||
children,
|
||||
closable = false,
|
||||
overflowVisible = false,
|
||||
highPriority = false,
|
||||
}: IModal) {
|
||||
return (
|
||||
<Transition appear show={isShow} as={Fragment}>
|
||||
<Dialog as="div" className={classNames('relative z-[60]', wrapperClassName)} onClose={onClose}>
|
||||
<Dialog as="div" className={classNames('relative', highPriority ? 'z-[1100]' : 'z-[60]', wrapperClassName)} onClose={onClose}>
|
||||
<TransitionChild>
|
||||
<div className={classNames(
|
||||
'fixed inset-0 bg-background-overlay',
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue