yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Menu height on mobile prevents closing

Browse Source
This commit is contained in:
Tom Moor
2023-10-22 21:30:39 -04:00
parent ef76405bd6
commit e7f3e500cd
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/ContextMenu/index.tsx
View File

@@ -245,6 +245,7 @@ export const Background = styled(Scrollable)<BackgroundProps>`
padding: 6px; padding: 6px;
min-width: 180px; min-width: 180px;
min-height: 44px; min-height: 44px;
max-height: 75vh;
pointer-events: all; pointer-events: all;
font-weight: normal; font-weight: normal;
@@ -258,6 +259,7 @@ export const Background = styled(Scrollable)<BackgroundProps>`
transform-origin: ${(props: BackgroundProps) => transform-origin: ${(props: BackgroundProps) =>
props.rightAnchor ? "75%" : "25%"} 0; props.rightAnchor ? "75%" : "25%"} 0;
max-width: ${(props: BackgroundProps) => props.maxWidth ?? 276}px; max-width: ${(props: BackgroundProps) => props.maxWidth ?? 276}px;
max-height: 100vh;
background: ${(props: BackgroundProps) => props.theme.menuBackground}; background: ${(props: BackgroundProps) => props.theme.menuBackground};
box-shadow: ${(props: BackgroundProps) => props.theme.menuShadow}; box-shadow: ${(props: BackgroundProps) => props.theme.menuShadow};
`}; `};