crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add overflow scroll to instant overlay

Browse Source
This commit is contained in:
fragosti 2019-04-22 18:07:20 -07:00
parent 7ea99baeb2
commit 2f72e15ea7
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/instant/src/components/ui/flex.tsx
View File

@ -9,6 +9,7 @@ export interface FlexProps {
align?: 'flex-start' | 'center' | 'space-around' | 'space-between' | 'space-evenly' | 'flex-end'; align?: 'flex-start' | 'center' | 'space-around' | 'space-between' | 'space-evenly' | 'flex-end';
width?: MediaChoice; width?: MediaChoice;
height?: MediaChoice; height?: MediaChoice;
overflow?: string;
backgroundColor?: ColorOption; backgroundColor?: ColorOption;
inline?: boolean; inline?: boolean;
flexGrow?: number | string; flexGrow?: number | string;
@ -25,6 +26,7 @@ export const Flex = styled.div<FlexProps>`
background-color: ${props => (props.backgroundColor ? props.theme[props.backgroundColor] : 'none')}; background-color: ${props => (props.backgroundColor ? props.theme[props.backgroundColor] : 'none')};
${props => (props.width ? stylesForMedia('width', props.width) : '')} ${props => (props.width ? stylesForMedia('width', props.width) : '')}
${props => (props.height ? stylesForMedia('height', props.height) : '')} ${props => (props.height ? stylesForMedia('height', props.height) : '')}
${props => (props.overflow ? `overflow: ${props.overflow}` : '')};
} }
`; `;

2
packages/instant/src/components/zero_ex_instant_overlay.tsx
View File

@ -20,7 +20,7 @@ export const ZeroExInstantOverlay: React.StatelessComponent<ZeroExInstantOverlay
return ( return (
<ZeroExInstantProvider {...rest}> <ZeroExInstantProvider {...rest}>
<Overlay zIndex={zIndex} className={OVERLAY_DIV_CLASS}> <Overlay zIndex={zIndex} className={OVERLAY_DIV_CLASS}>
<Flex height="100vh"> <Flex height="100vh" overflow="scroll">
<Container <Container
className={OVERLAY_CLOSE_BUTTON_DIV_CLASS} className={OVERLAY_CLOSE_BUTTON_DIV_CLASS}
position="absolute" position="absolute"