Fix translate button position (#25807)

This commit is contained in:
Renaud Chaput 2023-07-08 00:12:31 +02:00 committed by GitHub
parent 0051128387
commit 9f078e238d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 3 deletions

View File

@ -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>
); );

View File

@ -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,

View File

@ -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;