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