Skip to content

I
interface
Commit 25f5ed99 authored by Moody Salem's avatar Moody Salem
Browse files
Options

fix: scrollbars showing up in modal with mouse connected, use auto instead of scroll

parent 9b1ef415
Hide whitespace changes
Inline Side-by-side
Showing with 2 additions and 2 deletions
src/components/Modal/index.tsx
View file @ 25f5ed99
...@@ -30,7 +30,7 @@ const StyledDialogContent = styled(({ minHeight, maxHeight, mobile, isOpen, ...r ...@@ -30,7 +30,7 @@ const StyledDialogContent = styled(({ minHeight, maxHeight, mobile, isOpen, ...r
)).attrs({ )).attrs({
'aria-label': 'dialog', 'aria-label': 'dialog',
})` })`
overflow-y: scroll; overflow-y: auto;
&[data-reach-dialog-content] { &[data-reach-dialog-content] {
margin: 0 0 2rem 0; margin: 0 0 2rem 0;
...@@ -39,7 +39,7 @@ const StyledDialogContent = styled(({ minHeight, maxHeight, mobile, isOpen, ...r ...@@ -39,7 +39,7 @@ const StyledDialogContent = styled(({ minHeight, maxHeight, mobile, isOpen, ...r
box-shadow: 0 4px 8px 0 ${({ theme }) => transparentize(0.95, theme.shadow1)}; box-shadow: 0 4px 8px 0 ${({ theme }) => transparentize(0.95, theme.shadow1)};
padding: 0px; padding: 0px;
width: 50vw; width: 50vw;
overflow-y: scroll; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
align-self: ${({ mobile }) => (mobile ? 'flex-end' : 'center')}; align-self: ${({ mobile }) => (mobile ? 'flex-end' : 'center')};
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment