Fix translate button position (#25807)
parent
0051128387
commit
9f078e238d
|
@ -44,7 +44,7 @@ class TranslateButton extends PureComponent {
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<button className='status__content__read-more-button' onClick={onClick}>
|
<button className='status__content__translate-button' onClick={onClick}>
|
||||||
<FormattedMessage id='status.translate' defaultMessage='Translate' />
|
<FormattedMessage id='status.translate' defaultMessage='Translate' />
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
|
|
|
@ -15,7 +15,8 @@
|
||||||
.status__content a,
|
.status__content a,
|
||||||
.link-footer a,
|
.link-footer a,
|
||||||
.reply-indicator__content a,
|
.reply-indicator__content a,
|
||||||
.status__content__read-more-button {
|
.status__content__read-more-button,
|
||||||
|
.status__content__translate-button {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
|
|
|
@ -981,7 +981,8 @@ body > [data-popper-placement] {
|
||||||
max-height: 22px * 15; // 15 lines is roughly above 500 characters
|
max-height: 22px * 15; // 15 lines is roughly above 500 characters
|
||||||
}
|
}
|
||||||
|
|
||||||
.status__content__read-more-button {
|
.status__content__read-more-button,
|
||||||
|
.status__content__translate-button {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
|
|
Reference in New Issue