Adds click-able div that expands status () ()

The clickable div is positioned under the account avatar and covers
all empty space below it to the end of the status.
This commit is contained in:
Neil Moore 2019-05-15 00:53:23 -04:00 committed by Eugen Rochko
parent 14f6ce2885
commit 4ab094d35e
2 changed files with 10 additions and 0 deletions
app/javascript
mastodon/components
styles/mastodon

View File

@ -356,6 +356,7 @@ class Status extends ImmutablePureComponent {
{prepend}
<div className={classNames('status', `status-${status.get('visibility')}`, { 'status-reply': !!status.get('in_reply_to_id'), muted: this.props.muted, read: unread === false })} data-id={status.get('id')}>
<div className='status__expand' onClick={this.handleClick} role='presentation' />
<div className='status__info'>
<a href={status.get('url')} className='status__relative-time' target='_blank' rel='noopener'><RelativeTimestamp timestamp={status.get('created_at')} /></a>

View File

@ -1412,6 +1412,15 @@ a.account__display-name {
width: 48px;
}
.status__expand {
width: 68px;
position: absolute;
left: 0;
top: 0;
height: 100%;
cursor: pointer;
}
.muted {
.status__content p,
.status__content a {