fix tooltip icons

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

@ -132,7 +132,7 @@ const StyledLink = styled(Link)`
const StyledIcon = styled(Icon)`
cursor: pointer;
padding-right: 1px;
margin-right: 1px;
`;
const TooltipContainer = styled.div`

@ -66,7 +66,7 @@ const AdvancedSettingsSendButtonWrapper = styled.div`
const StyledIcon = styled(Icon)`
cursor: pointer;
padding-right: 1px;
margin-right: 1px;
`;
const TooltipContainer = styled.div`
@ -123,12 +123,16 @@ const AdvancedForm = (props: Props) => {
<TooltipContainer>
<Tooltip
content={
<FormattedMessage {...l10nMessages.TR_XRP_TRANSFER_COST} />
<FormattedMessage
{...l10nMessages.TR_XRP_TRANSFER_COST}
/>
}
maxWidth={100}
ctaLink="https://developers.ripple.com/transaction-cost.html"
ctaText={
<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />
<FormattedMessage
{...l10nCommonMessages.TR_LEARN_MORE}
/>
}
placement="top"
>
@ -172,7 +176,9 @@ const AdvancedForm = (props: Props) => {
maxWidth={200}
ctaLink="https://wiki.trezor.io/Ripple_(XRP)"
ctaText={
<FormattedMessage {...l10nCommonMessages.TR_LEARN_MORE} />
<FormattedMessage
{...l10nCommonMessages.TR_LEARN_MORE}
/>
}
placement="top"
>

@ -51,6 +51,7 @@ const AccountTitle = styled.div`
const StyledIcon = styled(Icon)`
cursor: pointer;
margin-right: 1px;
`;
const TooltipContainer = styled.div`
@ -118,7 +119,9 @@ const AccountSummary = (props: Props) => {
<Tooltip
maxWidth={200}
placement="top"
content={props.intl.formatMessage(l10nSummaryMessages.TR_INSERT_TOKEN_NAME)}
content={props.intl.formatMessage(
l10nSummaryMessages.TR_INSERT_TOKEN_NAME
)}
>
<StyledIcon icon={ICONS.HELP} color={colors.TEXT_SECONDARY} size={12} />
</Tooltip>

Loading…
Cancel
Save