[WEB-692] fix: project modal cover image popover z-index fix (#4018)

* fix: project modal cover image popover z-index fix

* fix: project modal cover image popover z-index fix
This commit is contained in:
Anmol Singh Bhatia 2024-03-21 20:46:02 +05:30 committed by GitHub
parent 8911eaf676
commit 15e04e55bb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -166,7 +166,7 @@ export const ImagePickerPopover: React.FC<Props> = observer((props) => {
useOutsideClickDetector(ref, handleClose);
return (
<Popover className="relative z-[2]" ref={ref} tabIndex={tabIndex} onKeyDown={handleKeyDown}>
<Popover className="relative z-20" ref={ref} tabIndex={tabIndex} onKeyDown={handleKeyDown}>
<Popover.Button
className="rounded border border-custom-border-300 bg-custom-background-100 px-2 py-1 text-xs text-custom-text-200 hover:text-custom-text-100"
onClick={handleOnClick}
@ -177,7 +177,7 @@ export const ImagePickerPopover: React.FC<Props> = observer((props) => {
{isOpen && (
<Popover.Panel
className="absolute right-0 z-10 mt-2 rounded-md border border-custom-border-200 bg-custom-background-100 shadow-custom-shadow-sm"
className="absolute right-0 z-20 mt-2 rounded-md border border-custom-border-200 bg-custom-background-100 shadow-custom-shadow-sm"
static
>
<div