diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-12-06 04:44:23 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-12-06 04:44:23 +0800 |
commit | b7603bef192dac4a3e87a365f77dc87c61dbd4f8 (patch) | |
tree | a704dc765b3b4fbee0a4c71b7b7d358096325559 | |
parent | fb221e4ca9eec6a66130e3f8230457a1fcee20f8 (diff) | |
download | dexon-0x-contracts-b7603bef192dac4a3e87a365f77dc87c61dbd4f8.tar dexon-0x-contracts-b7603bef192dac4a3e87a365f77dc87c61dbd4f8.tar.gz dexon-0x-contracts-b7603bef192dac4a3e87a365f77dc87c61dbd4f8.tar.bz2 dexon-0x-contracts-b7603bef192dac4a3e87a365f77dc87c61dbd4f8.tar.lz dexon-0x-contracts-b7603bef192dac4a3e87a365f77dc87c61dbd4f8.tar.xz dexon-0x-contracts-b7603bef192dac4a3e87a365f77dc87c61dbd4f8.tar.zst dexon-0x-contracts-b7603bef192dac4a3e87a365f77dc87c61dbd4f8.zip |
fix: ensure copy button is above code
-rw-r--r-- | packages/website/ts/pages/instant/code_demo.tsx | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/packages/website/ts/pages/instant/code_demo.tsx b/packages/website/ts/pages/instant/code_demo.tsx index b7a9f5b17..1bc1980e7 100644 --- a/packages/website/ts/pages/instant/code_demo.tsx +++ b/packages/website/ts/pages/instant/code_demo.tsx @@ -6,6 +6,7 @@ import { Button } from 'ts/components/ui/button'; import { Container } from 'ts/components/ui/container'; import { colors } from 'ts/style/colors'; import { styled } from 'ts/style/theme'; +import { zIndex } from 'ts/style/z_index'; const CustomPre = styled.pre` margin: 0px; @@ -157,7 +158,7 @@ export class CodeDemo extends React.Component<CodeDemoProps, CodeDemoState> { const copyButtonText = this.state.didCopyCode ? 'Copied!' : 'Copy'; return ( <Container position="relative" height="100%"> - <Container position="absolute" top="10px" right="10px"> + <Container position="absolute" top="10px" right="10px" zIndex={zIndex.overlay - 1}> <CopyToClipboard text={this.props.children} onCopy={this._handleCopyClick}> <Button fontSize="14px"> <b>{copyButtonText}</b> |