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:
commit
a10c9b08da
@ -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}
|
||||||
|
@ -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}
|
||||||
|
Loading…
Reference in New Issue
Block a user