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:
parent
715555f340
commit
cfc9748036
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user