arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-22 05:51:18 +00:00
Code Issues Releases Wiki Activity

fix tooltip in change wallet type modal

Browse Source
This commit is contained in:
slowbackspace 2019-03-28 16:09:19 +01:00
parent 668c25c4b4
commit 8c7d7056e7
1 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/modals/device/WalletType/index.js
View File

@ -49,15 +49,17 @@ const StyledButton = styled(Button)`
`;
const StyledIcon = styled(Icon)`
position: absolute;
top: 10px;
right: 15px;
&:hover {
cursor: pointer;
}
`;
const TooltipContainer = styled.div`
position: absolute;
top: 10px;
right: 15px;
`;
const Content = styled.div`
padding: 55px 48px 40px 48px;
position: relative;
@ -141,17 +143,19 @@ class WalletType extends PureComponent<Props> {
</StyledButton>
</Content>
<Content>
<Tooltip
maxWidth={285}
placement="top"
content={this.props.intl.formatMessage(
l10nMessages.TR_PASSPHRASE_IS_OPTIONAL_FEATURE
)}
ctaLink="https://wiki.trezor.io/Passphrase"
ctaText={<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />}
>
<StyledIcon icon={icons.HELP} color={colors.TEXT_SECONDARY} size={16} />
</Tooltip>
<TooltipContainer>
<Tooltip
maxWidth={285}
placement="top"
content={this.props.intl.formatMessage(
l10nMessages.TR_PASSPHRASE_IS_OPTIONAL_FEATURE
)}
ctaLink="https://wiki.trezor.io/Passphrase"
ctaText={<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />}
>
<StyledIcon icon={icons.HELP} color={colors.TEXT_SECONDARY} size={16} />
</Tooltip>
</TooltipContainer>
<Header>
<StyledWalletTypeIcon type="hidden" size={16} color={colors.TEXT_PRIMARY} />
<FormattedMessage {...l10nMessages.TR_HIDDEN_WALLET} />