Move the “Show why” button inline

th-downstream
Thibaut Girka 5 years ago committed by ThibG
parent fde918bf92
commit 59b8573907

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

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

Loading…
Cancel
Save