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

Merge pull request #1379 from 0xProject/fix/instant/overlay-color

Browse Source 
[instant] add stable class name to overlay close button and adjust overlay color
This commit is contained in:
Brandon Millman 2018-12-04 17:37:53 -08:00 committed by GitHub
commit 0a944244cf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -33,7 +33,7 @@ export const Overlay =
Overlay.defaultProps = { Overlay.defaultProps = {
zIndex: zIndex.overlayDefault, zIndex: zIndex.overlayDefault,
backgroundColor: generateOverlayBlack(0.9), backgroundColor: generateOverlayBlack(0.7),
}; };
Overlay.displayName = 'Overlay'; Overlay.displayName = 'Overlay';

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

@ -1,7 +1,7 @@
import * as React from 'react'; import * as React from 'react';
import { ZeroExInstantContainer } from '../components/zero_ex_instant_container'; 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 { ColorOption } from '../style/theme';
import { Container } from './ui/container'; import { Container } from './ui/container';
@ -21,7 +21,13 @@ export const ZeroExInstantOverlay: React.StatelessComponent<ZeroExInstantOverlay
<ZeroExInstantProvider {...rest}> <ZeroExInstantProvider {...rest}>
<Overlay zIndex={zIndex} className={OVERLAY_DIV_CLASS}> <Overlay zIndex={zIndex} className={OVERLAY_DIV_CLASS}>
<Flex height="100vh"> <Flex height="100vh">
<Container position="absolute" top="0px" right="0px" display={{ default: 'initial', sm: 'none' }}> <Container
className={OVERLAY_CLOSE_BUTTON_DIV_CLASS}
position="absolute"
top="0px"
right="0px"
display={{ default: 'initial', sm: 'none' }}
>
<Icon <Icon
height={18} height={18}
width={18} width={18}

1
packages/instant/src/constants.ts
View File

@ -8,6 +8,7 @@ export const DEFAULT_ZERO_EX_CONTAINER_SELECTOR = '#zeroExInstantContainer';
export const INJECTED_DIV_CLASS = 'zeroExInstantResetRoot'; export const INJECTED_DIV_CLASS = 'zeroExInstantResetRoot';
export const INJECTED_DIV_ID = 'zeroExInstant'; export const INJECTED_DIV_ID = 'zeroExInstant';
export const OVERLAY_DIV_CLASS = 'zeroExInstantOverlay'; export const OVERLAY_DIV_CLASS = 'zeroExInstantOverlay';
export const OVERLAY_CLOSE_BUTTON_DIV_CLASS = 'zeroExInstantOverlayCloseButton';
export const MAIN_CONTAINER_DIV_CLASS = 'zeroExInstantMainContainer'; export const MAIN_CONTAINER_DIV_CLASS = 'zeroExInstantMainContainer';
export const WEB_3_WRAPPER_TRANSACTION_FAILED_ERROR_MSG_PREFIX = 'Transaction failed'; export const WEB_3_WRAPPER_TRANSACTION_FAILED_ERROR_MSG_PREFIX = 'Transaction failed';
export const GWEI_IN_WEI = new BigNumber(1000000000); export const GWEI_IN_WEI = new BigNumber(1000000000);