~cytrogen/masto-fe

707b8d7d75d8f44b4a638752b6a24824c0ba4bbd — Thibaut Girka 6 years ago 85f3bc1
Move the “Show why” button inline
M app/javascript/flavours/glitch/components/status.js => app/javascript/flavours/glitch/components/status.js +2 -1
@@ 506,9 506,10 @@ class Status extends ImmutablePureComponent {
        <HotKeys handlers={minHandlers}>
          <div className='status__wrapper status__wrapper--filtered focusable' tabIndex='0' ref={this.handleRef}>
            <FormattedMessage id='status.filtered' defaultMessage='Filtered' />
            {settings.get('filtering_behavior') !== 'upstream' && ' '}
            {settings.get('filtering_behavior') !== 'upstream' && (
              <button className='status__wrapper--filtered__button' onClick={this.handleUnfilterClick}>
                <FormattedMessage id='status.show_filter_reason' defaultMessage='Show why' />
                <FormattedMessage id='status.show_filter_reason' defaultMessage='(show why)' />
              </button>
            )}
          </div>

M app/javascript/flavours/glitch/styles/components/status.scss => app/javascript/flavours/glitch/styles/components/status.scss +3 -4
@@ 998,14 998,13 @@ a.status-card.compact:hover {
}

.status__wrapper--filtered__button {
  display: block;
  font-size: 15px;
  line-height: 20px;
  display: inline;
  color: lighten($ui-highlight-color, 8%);
  border: 0;
  background: transparent;
  padding: 0;
  padding-top: 8px;
  font-size: inherit;
  line-height: inherit;

  &:hover,
  &:active {