arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-06-20 15:08:49 +00:00
Code Issues Releases Wiki Activity

fix backdrop

Browse Source
This commit is contained in:
slowbackspace 2019-03-22 10:10:23 +01:00
parent e3efe41128
commit 5ac900d30f
1 changed files with 98 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/Wallet/components/LeftNavigation/index.js
View File

@ -269,12 +269,13 @@ class LeftNavigation extends React.PureComponent<Props, State> {
selectedDevice && selectedDevice.connected && selectedDevice.available; selectedDevice && selectedDevice.connected && selectedDevice.available;
return ( return (
<Sidebar isOpen={props.wallet.showSidebar}> <>
<StyledBackdrop <StyledBackdrop
show={props.wallet.showSidebar} show={props.wallet.showSidebar}
onClick={props.toggleSidebar} onClick={props.toggleSidebar}
animated animated
/> />
<Sidebar isOpen={props.wallet.showSidebar}>
<Header <Header
isSelected isSelected
testId="Main__page__device__header" testId="Main__page__device__header"
@ -324,7 +325,9 @@ class LeftNavigation extends React.PureComponent<Props, State> {
{this.props.devices.length > 1 && ( {this.props.devices.length > 1 && (
<Tooltip <Tooltip
content={ content={
<FormattedMessage {...l10nMessages.TR_NUMBER_OF_DEVICES} /> <FormattedMessage
{...l10nMessages.TR_NUMBER_OF_DEVICES}
/>
} }
maxWidth={200} maxWidth={200}
placement="bottom" placement="bottom"
@ -379,12 +382,17 @@ class LeftNavigation extends React.PureComponent<Props, State> {
target="_blank" target="_blank"
rel="noreferrer noopener" rel="noreferrer noopener"
> >
<StyledIcon size={14} icon={icons.CHAT} color={colors.TEXT_SECONDARY} /> <StyledIcon
size={14}
icon={icons.CHAT}
color={colors.TEXT_SECONDARY}
/>
<FormattedMessage {...l10nMessages.TR_NEED_HELP} /> <FormattedMessage {...l10nMessages.TR_NEED_HELP} />
</A> </A>
</Help> </Help>
</Footer> </Footer>
</Sidebar> </Sidebar>
</>
); );
} }
} }