diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-12-06 04:44:23 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-06 19:06:35 +0800 |
| commit | ff8029402d532a8fa2d29802b340051b0ecb7505 (patch) | |
| tree | 90ef052982bf5801b9fd8a928c3c35cabd15739d /packages | |
| parent | 92361ae81171bfaed0680bb2fd2f33b5205fc590 (diff) | |
| download | dexon-sol-tools-ff8029402d532a8fa2d29802b340051b0ecb7505.tar dexon-sol-tools-ff8029402d532a8fa2d29802b340051b0ecb7505.tar.gz dexon-sol-tools-ff8029402d532a8fa2d29802b340051b0ecb7505.tar.bz2 dexon-sol-tools-ff8029402d532a8fa2d29802b340051b0ecb7505.tar.lz dexon-sol-tools-ff8029402d532a8fa2d29802b340051b0ecb7505.tar.xz dexon-sol-tools-ff8029402d532a8fa2d29802b340051b0ecb7505.tar.zst dexon-sol-tools-ff8029402d532a8fa2d29802b340051b0ecb7505.zip | |
fix: ensure copy button is above code
Diffstat (limited to 'packages')
| -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> |