diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-06-22 08:40:17 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-06-22 08:40:33 +0800 |
commit | b0000bb276df7609bea8a48252063693f0553222 (patch) | |
tree | 765883268e196210e357ade9cde89839d35fa816 /packages/website/ts/components/wallet/wallet.tsx | |
parent | 82789d53155772e339c1c500bb538638dfc20376 (diff) | |
download | dexon-0x-contracts-b0000bb276df7609bea8a48252063693f0553222.tar dexon-0x-contracts-b0000bb276df7609bea8a48252063693f0553222.tar.gz dexon-0x-contracts-b0000bb276df7609bea8a48252063693f0553222.tar.bz2 dexon-0x-contracts-b0000bb276df7609bea8a48252063693f0553222.tar.lz dexon-0x-contracts-b0000bb276df7609bea8a48252063693f0553222.tar.xz dexon-0x-contracts-b0000bb276df7609bea8a48252063693f0553222.tar.zst dexon-0x-contracts-b0000bb276df7609bea8a48252063693f0553222.zip |
Fix z-index issues
Diffstat (limited to 'packages/website/ts/components/wallet/wallet.tsx')
-rw-r--r-- | packages/website/ts/components/wallet/wallet.tsx | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx index f88fd6c24..0f9e011b4 100644 --- a/packages/website/ts/components/wallet/wallet.tsx +++ b/packages/website/ts/components/wallet/wallet.tsx @@ -43,6 +43,7 @@ import { import { analytics } from 'ts/utils/analytics'; import { constants } from 'ts/utils/constants'; import { utils } from 'ts/utils/utils'; +import { styled } from 'ts/style/theme'; import { styles as walletItemStyles } from 'ts/utils/wallet_item_styles'; export interface WalletProps { @@ -138,6 +139,12 @@ const USD_DECIMAL_PLACES = 2; const NO_ALLOWANCE_TOGGLE_SPACE_WIDTH = 56; const ACCOUNT_PATH = `${WebsitePaths.Portal}/account`; +const ActionButton = styled(FloatingActionButton)` + button { + position: static !important; + } +`; + export class Wallet extends React.Component<WalletProps, WalletState> { public static defaultProps = { style: {}, @@ -244,17 +251,12 @@ export class Wallet extends React.Component<WalletProps, WalletState> { <ListItem primaryText={ <div className="flex"> - <FloatingActionButton mini={true} zDepth={0} onClick={this.props.onAddToken}> + <ActionButton mini={true} zDepth={0} onClick={this.props.onAddToken}> <ContentAdd /> - </FloatingActionButton> - <FloatingActionButton - mini={true} - zDepth={0} - className="px1" - onClick={this.props.onRemoveToken} - > + </ActionButton> + <ActionButton mini={true} zDepth={0} className="px1" onClick={this.props.onRemoveToken}> <ContentRemove /> - </FloatingActionButton> + </ActionButton> <div style={{ paddingLeft: 10, |