fix tooltip in change wallet type modal

pull/460/head
slowbackspace 5 years ago
parent 668c25c4b4
commit 8c7d7056e7

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

Loading…
Cancel
Save