fix: adjusting slippage in a different language (#7073)

* fix: adjusting slippage in a different language

* making overflow hidden on close

* passing width instead of visibility

* min width
This commit is contained in:
Jack Short 2023-08-03 15:05:47 -04:00 committed by GitHub
parent 715555f340
commit cfc9748036
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 2 deletions

@ -22,7 +22,9 @@ export default function AnimatedDropdown({ open, children }: React.PropsWithChil
}, },
}) })
return ( return (
<animated.div style={{ ...props, overflow: 'hidden', width: '100%', willChange: 'height' }}> <animated.div
style={{ ...props, overflow: 'hidden', width: '100%', minWidth: 'min-content', willChange: 'height' }}
>
<div ref={ref}>{children}</div> <div ref={ref}>{children}</div>
</animated.div> </animated.div>
) )

@ -24,6 +24,7 @@ export const InputContainer = styled(Row)<{ error?: boolean }>`
padding: 8px 16px; padding: 8px 16px;
border-radius: 12px; border-radius: 12px;
width: auto; width: auto;
min-width: 100px;
flex: 1; flex: 1;
input { input {
color: ${({ theme, error }) => (error ? theme.accentFailure : theme.textPrimary)}; color: ${({ theme, error }) => (error ? theme.accentFailure : theme.textPrimary)};

@ -266,7 +266,7 @@ exports[`SwapDetailsDropdown.tsx renders a trade 1`] = `
</div> </div>
</div> </div>
<div <div
style="height: 0px; overflow: hidden; width: 100%; will-change: height;" style="height: 0px; overflow: hidden; width: 100%; min-width: min-content; will-change: height;"
> >
<div> <div>
<div <div