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

Loading…
Cancel
Save