diff options
| author | Neil Moore <dar13.dev@gmail.com> | 2019-05-15 00:53:23 -0400 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2019-05-15 06:53:23 +0200 |
| commit | 4ab094d35ec59c792da890aface6caeede135511 (patch) | |
| tree | b880873b9e4929f6aad9d8b4072b6d056700c6e6 | |
| parent | 14f6ce2885f7999f2fcbbdda6241a035271076d4 (diff) | |
Adds click-able div that expands status (#10733) (#10766)
The clickable div is positioned under the account avatar and covers all empty space below it to the end of the status.
| -rw-r--r-- | app/javascript/mastodon/components/status.js | 1 | ||||
| -rw-r--r-- | app/javascript/styles/mastodon/components.scss | 9 |
2 files changed, 10 insertions, 0 deletions
diff --git a/app/javascript/mastodon/components/status.js b/app/javascript/mastodon/components/status.js index 95ca4a548..42535ea68 100644 --- a/app/javascript/mastodon/components/status.js +++ b/app/javascript/mastodon/components/status.js @@ -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> diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index 834563ee9..906ee9849 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -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 { |