~cytrogen/masto-fe

9f078e238d389199f9db42e408ec5606f5001417 — Renaud Chaput 2 years ago 0051128
Fix translate button position (#25807)

M app/javascript/mastodon/components/status_content.jsx => app/javascript/mastodon/components/status_content.jsx +1 -1
@@ 44,7 44,7 @@ class TranslateButton extends PureComponent {
    }

    return (
      <button className='status__content__read-more-button' onClick={onClick}>
      <button className='status__content__translate-button' onClick={onClick}>
        <FormattedMessage id='status.translate' defaultMessage='Translate' />
      </button>
    );

M app/javascript/styles/contrast/diff.scss => app/javascript/styles/contrast/diff.scss +2 -1
@@ 15,7 15,8 @@
.status__content a,
.link-footer a,
.reply-indicator__content a,
.status__content__read-more-button {
.status__content__read-more-button,
.status__content__translate-button {
  text-decoration: underline;

  &:hover,

M app/javascript/styles/mastodon/components.scss => app/javascript/styles/mastodon/components.scss +2 -1
@@ 981,7 981,8 @@ body > [data-popper-placement] {
  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;
  font-size: 15px;
  line-height: 22px;