diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-12-05 07:20:55 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-12-05 07:36:51 +0800 |
| commit | 8b659dbd77294f3d44f4c1fe75a62d6fec3fea15 (patch) | |
| tree | b37f0cc990ca5d140a84f71b1a4fc353ee4f2b3d /packages/instant/src/components | |
| parent | 14ad091e83c12ff9dca49a6948cbeeac668730f4 (diff) | |
| download | dexon-sol-tools-8b659dbd77294f3d44f4c1fe75a62d6fec3fea15.tar dexon-sol-tools-8b659dbd77294f3d44f4c1fe75a62d6fec3fea15.tar.gz dexon-sol-tools-8b659dbd77294f3d44f4c1fe75a62d6fec3fea15.tar.bz2 dexon-sol-tools-8b659dbd77294f3d44f4c1fe75a62d6fec3fea15.tar.lz dexon-sol-tools-8b659dbd77294f3d44f4c1fe75a62d6fec3fea15.tar.xz dexon-sol-tools-8b659dbd77294f3d44f4c1fe75a62d6fec3fea15.tar.zst dexon-sol-tools-8b659dbd77294f3d44f4c1fe75a62d6fec3fea15.zip | |
feat(instant): give a stable class name to the close button on the overlay
Diffstat (limited to 'packages/instant/src/components')
| -rw-r--r-- | packages/instant/src/components/zero_ex_instant_overlay.tsx | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/packages/instant/src/components/zero_ex_instant_overlay.tsx b/packages/instant/src/components/zero_ex_instant_overlay.tsx index b3fb57dd6..f823d050d 100644 --- a/packages/instant/src/components/zero_ex_instant_overlay.tsx +++ b/packages/instant/src/components/zero_ex_instant_overlay.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { ZeroExInstantContainer } from '../components/zero_ex_instant_container'; -import { MAIN_CONTAINER_DIV_CLASS, OVERLAY_DIV_CLASS } from '../constants'; +import { MAIN_CONTAINER_DIV_CLASS, OVERLAY_CLOSE_BUTTON_DIV_CLASS, OVERLAY_DIV_CLASS } from '../constants'; import { ColorOption } from '../style/theme'; import { Container } from './ui/container'; @@ -22,14 +22,16 @@ export const ZeroExInstantOverlay: React.StatelessComponent<ZeroExInstantOverlay <Overlay zIndex={zIndex} className={OVERLAY_DIV_CLASS}> <Flex height="100vh"> <Container position="absolute" top="0px" right="0px" display={{ default: 'initial', sm: 'none' }}> - <Icon - height={18} - width={18} - color={ColorOption.white} - icon="closeX" - onClick={onClose} - padding="2em 2em" - /> + <Container className={OVERLAY_CLOSE_BUTTON_DIV_CLASS}> + <Icon + height={18} + width={18} + color={ColorOption.white} + icon="closeX" + onClick={onClose} + padding="2em 2em" + /> + </Container> </Container> <Container width={{ default: 'auto', sm: '100%' }} |