[WEB-4480]fix: full screen modals (#7392)

This commit is contained in:
Vamsi Krishna 2025-07-11 16:41:27 +05:30 committed by GitHub
parent 86f3ff1bd2
commit f661e06582
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 19 additions and 19 deletions

View file

@ -186,7 +186,7 @@ const CustomMenu = (props: ICustomMenuDropdownProps) => {
<Menu.Items
data-prevent-outside-click={!!portalElement}
className={cn(
"fixed z-10 translate-y-0",
"fixed z-30 translate-y-0",
menuItemsClassName
)} /** translate-y-0 is a hack to create new stacking context. Required for safari */
static
@ -414,7 +414,7 @@ const SubMenu: React.FC<ICustomSubMenuProps> = (props) => {
style={styles.popper}
{...attributes.popper}
className={cn(
"fixed z-[20] min-w-[12rem] overflow-hidden rounded-md border-[0.5px] border-custom-border-300 bg-custom-background-100 p-1 text-xs shadow-custom-shadow-lg",
"fixed z-30 min-w-[12rem] overflow-hidden rounded-md border-[0.5px] border-custom-border-300 bg-custom-background-100 p-1 text-xs shadow-custom-shadow-lg",
"ring-1 ring-black ring-opacity-5", // Additional styling to make it stand out
contentClassName
)}

View file

@ -138,7 +138,7 @@ export const CustomSearchSelect = (props: ICustomSearchSelectProps) => {
<Combobox.Options data-prevent-outside-click static>
<div
className={cn(
"my-1 overflow-y-scroll rounded-md border-[0.5px] border-custom-border-300 bg-custom-background-100 px-2 py-2.5 text-xs shadow-custom-shadow-rg focus:outline-none min-w-48 whitespace-nowrap z-20",
"my-1 overflow-y-scroll rounded-md border-[0.5px] border-custom-border-300 bg-custom-background-100 px-2 py-2.5 text-xs shadow-custom-shadow-rg focus:outline-none min-w-48 whitespace-nowrap z-30",
optionsClassName
)}
ref={setPopperElement}