roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-04-24 19:39:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(Popover): fix z-index dismiss handler and mobile positioning

Browse source
This commit is contained in:
41666 2021-07-13 23:30:44 -04:00
parent acc604f83f
commit 8158ae38f1
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/design-system/atoms/popover/Popover.styled.ts
View file

@ -29,7 +29,7 @@ export const PopoverBase = styled.div<PopoverStyledProps>`
`} `}
${onSmallScreen( ${onSmallScreen(
css` css`
position: absolute; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
@ -37,6 +37,8 @@ export const PopoverBase = styled.div<PopoverStyledProps>`
min-width: unset; min-width: unset;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
z-index: 200;
margin: 0 !important;
` `
)}; )};
`; `;
@ -44,7 +46,7 @@ export const PopoverBase = styled.div<PopoverStyledProps>`
export const DefocusHandler = styled.div<PopoverStyledProps>` export const DefocusHandler = styled.div<PopoverStyledProps>`
background-color: rgba(0, 0, 0, 0.01); background-color: rgba(0, 0, 0, 0.01);
position: fixed; position: fixed;
z-index: -1; z-index: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;