Browse Source

Fixes #1113 glitch int the manager link

master
Thibaut Boustany 7 years ago
parent
commit
f8849697ec
No known key found for this signature in database GPG Key ID: 32475B11A2B13EEC
  1. 15
      src/components/ManagerPage/Dashboard.js

15
src/components/ManagerPage/Dashboard.js

@ -33,12 +33,10 @@ const Dashboard = ({ device, deviceInfo, t, handleHelpRequest }: Props) => (
<Text ff="Museo Sans|Light" fontSize={5}>
{t('app:manager.subtitle')}
</Text>
<ContainerToHover>
<FakeLink mr={1} underline color="grey" fontSize={4} onClick={handleHelpRequest}>
{t('app:common.needHelp')}
</FakeLink>
<HelpLink onClick={handleHelpRequest}>
<div style={{ textDecoration: 'underline' }}>{t('app:common.needHelp')}</div>
<IconExternalLink size={14} />
</ContainerToHover>
</HelpLink>
</Box>
</Box>
<Box mt={5}>
@ -54,12 +52,15 @@ const Dashboard = ({ device, deviceInfo, t, handleHelpRequest }: Props) => (
export default translate()(Dashboard)
const ContainerToHover = styled(Box).attrs({
const HelpLink = styled(FakeLink).attrs({
align: 'center',
ml: 'auto',
horizontal: true,
flow: 1,
color: 'grey',
fontSize: 4,
})`
${FakeLink}:hover, &:hover {
&:hover {
color: ${p => p.theme.colors.wallet};
}
`

Loading…
Cancel
Save