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-sol-tools-b7603bef192dac4a3e87a365f77dc87c61dbd4f8.tar.gz dexon-sol-tools-b7603bef192dac4a3e87a365f77dc87c61dbd4f8.tar.zst dexon-sol-tools-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> |