1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-28 09:58:23 +00:00

Merge pull request #348 from trezor/fix/tooltip-icon-cursor

Fix/cursor pointer for tooltip icons in the Send tab
This commit is contained in:
Vladimir Volek 2019-01-28 13:53:02 +01:00 committed by GitHub
commit a10c9b08da
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 5 deletions

View File

@ -124,6 +124,10 @@ const StyledLink = styled(Link)`
white-space: nowrap; white-space: nowrap;
`; `;
const StyledIcon = styled(Icon)`
cursor: pointer;
`;
// stateless component // stateless component
const AdvancedForm = (props: Props) => { const AdvancedForm = (props: Props) => {
const { const {
@ -186,7 +190,7 @@ const AdvancedForm = (props: Props) => {
readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_limit" readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_limit"
placement="top" placement="top"
> >
<Icon <StyledIcon
icon={ICONS.HELP} icon={ICONS.HELP}
color={colors.TEXT_SECONDARY} color={colors.TEXT_SECONDARY}
size={24} size={24}
@ -228,7 +232,7 @@ const AdvancedForm = (props: Props) => {
readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_price" readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_price"
placement="top" placement="top"
> >
<Icon <StyledIcon
icon={ICONS.HELP} icon={ICONS.HELP}
color={colors.TEXT_SECONDARY} color={colors.TEXT_SECONDARY}
size={24} size={24}
@ -256,7 +260,7 @@ const AdvancedForm = (props: Props) => {
)} )}
placement="top" placement="top"
> >
<Icon <StyledIcon
icon={ICONS.HELP} icon={ICONS.HELP}
color={colors.TEXT_SECONDARY} color={colors.TEXT_SECONDARY}
size={24} size={24}

View File

@ -64,6 +64,10 @@ const AdvancedSettingsSendButtonWrapper = styled.div`
justify-content: flex-end; justify-content: flex-end;
`; `;
const StyledIcon = styled(Icon)`
cursor: pointer;
`;
const getFeeInputState = (feeErrors: string, feeWarnings: string): string => { const getFeeInputState = (feeErrors: string, feeWarnings: string): string => {
let state = ''; let state = '';
if (feeWarnings && !feeErrors) { if (feeWarnings && !feeErrors) {
@ -132,7 +136,7 @@ const AdvancedForm = (props: Props) => {
readMoreLink="https://developers.ripple.com/transaction-cost.html" readMoreLink="https://developers.ripple.com/transaction-cost.html"
placement="top" placement="top"
> >
<Icon <StyledIcon
icon={ICONS.HELP} icon={ICONS.HELP}
color={colors.TEXT_SECONDARY} color={colors.TEXT_SECONDARY}
size={24} size={24}
@ -168,7 +172,7 @@ const AdvancedForm = (props: Props) => {
readMoreLink="https://developers.ripple.com/rippleapi-reference.html#payment" readMoreLink="https://developers.ripple.com/rippleapi-reference.html#payment"
placement="top" placement="top"
> >
<Icon <StyledIcon
icon={ICONS.HELP} icon={ICONS.HELP}
color={colors.TEXT_SECONDARY} color={colors.TEXT_SECONDARY}
size={24} size={24}