Web: Common: fixed help-button styles
This commit is contained in:
parent
6b3772ca97
commit
e0a9fabb0b
@ -48,13 +48,16 @@ const InfoItemValue = styled.div`
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.help-icon {
|
.help-icon {
|
||||||
margin-top: -8px;
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
const TooltipIcon = styled.div`
|
|
||||||
padding-top: 6px;
|
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
|
||||||
|
@media(min-width: 1025px) {
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
@media(max-width: 1024px) {
|
||||||
|
padding: 6px 8px 8px 8px;
|
||||||
|
margin-left: -8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const IconButtonWrapper = styled.div`
|
const IconButtonWrapper = styled.div`
|
||||||
@ -349,7 +352,6 @@ class ProfileInfo extends React.PureComponent {
|
|||||||
size='content'
|
size='content'
|
||||||
className='language-combo'
|
className='language-combo'
|
||||||
/>
|
/>
|
||||||
<TooltipIcon>
|
|
||||||
<HelpButton
|
<HelpButton
|
||||||
place="bottom"
|
place="bottom"
|
||||||
offsetLeft={50}
|
offsetLeft={50}
|
||||||
@ -358,8 +360,6 @@ class ProfileInfo extends React.PureComponent {
|
|||||||
helpButtonHeaderContent={t('Language')}
|
helpButtonHeaderContent={t('Language')}
|
||||||
className="help-icon"
|
className="help-icon"
|
||||||
/>
|
/>
|
||||||
</TooltipIcon>
|
|
||||||
|
|
||||||
</InfoItemValue>
|
</InfoItemValue>
|
||||||
|
|
||||||
</InfoItem>
|
</InfoItem>
|
||||||
|
@ -57,6 +57,14 @@ const FormContainer = styled.form`
|
|||||||
}
|
}
|
||||||
.login-tooltip {
|
.login-tooltip {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
|
||||||
|
@media(min-width: 1025px) {
|
||||||
|
margin-left: 8px;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
@media(max-width: 1024px) {
|
||||||
|
padding: 4px 8px 8px 8px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.login-link {
|
.login-link {
|
||||||
|
Loading…
Reference in New Issue
Block a user