fix backdrop

pull/460/head
slowbackspace 5 years ago
parent e3efe41128
commit 5ac900d30f

@ -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>
</>
); );
} }
} }

Loading…
Cancel
Save