arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-06-21 15:39:02 +00:00
Code Issues Releases Wiki Activity

Fixed icon hover and tooltip

Browse Source
This commit is contained in:
Vladimir Volek 2018-10-30 16:16:20 +01:00 committed by Szymon Lesisz
parent b87386a6b1
commit 347767de3d
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/Wallet/views/Account/Receive/index.js
View File

@ -12,7 +12,6 @@ import Input from 'components/inputs/Input';
import ICONS from 'config/icons'; import ICONS from 'config/icons';
import colors from 'config/colors'; import colors from 'config/colors';
import { FONT_SIZE, FONT_WEIGHT, FONT_FAMILY } from 'config/variables';
import { CONTEXT_DEVICE } from 'actions/constants/modal'; import { CONTEXT_DEVICE } from 'actions/constants/modal';
import Content from 'views/Wallet/components/Content'; import Content from 'views/Wallet/components/Content';
@ -40,6 +39,7 @@ const StyledQRCode = styled(QRCode)`
const ShowAddressButton = styled(Button)` const ShowAddressButton = styled(Button)`
min-width: 195px; min-width: 195px;
padding: 0; padding: 0;
white-space: nowrap;
display: flex; display: flex;
height: 40px; height: 40px;
align-items: center; align-items: center;
@ -67,6 +67,10 @@ const EyeButton = styled(Button)`
top: 5px; top: 5px;
position: absolute; position: absolute;
right: 10px; right: 10px;
&:hover {
background: white;
}
`; `;
const Row = styled.div` const Row = styled.div`
@ -128,7 +132,7 @@ const AccountReceive = (props: Props) => {
) : null} ) : null}
icon={((addressVerified || addressUnverified) && !isAddressVerifying) && ( icon={((addressVerified || addressUnverified) && !isAddressVerifying) && (
<Tooltip <Tooltip
placement="bottom" placement="left"
content={( content={(
<VerifyAddressTooltip <VerifyAddressTooltip
isConnected={device.connected} isConnected={device.connected}
@ -137,16 +141,11 @@ const AccountReceive = (props: Props) => {
/> />
)} )}
> >
<EyeButton <EyeButton onClick={() => props.showAddress(account.addressPath)}>
isTransparent
onClick={() => props.showAddress(account.addressPath)}
>
<Icon <Icon
icon={addressUnverified ? ICONS.EYE_CROSSED : ICONS.EYE} icon={addressUnverified ? ICONS.EYE_CROSSED : ICONS.EYE}
color={addressUnverified ? colors.ERROR_PRIMARY : colors.TEXT_PRIMARY} color={addressUnverified ? colors.ERROR_PRIMARY : colors.TEXT_PRIMARY}
/> />
</EyeButton> </EyeButton>
</Tooltip> </Tooltip>
)} )}