mirror of
https://github.com/trezor/trezor-wallet
synced 2025-08-01 19:38:38 +00:00
fix tooltip in change wallet type modal
This commit is contained in:
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…
Reference in New Issue
Block a user