about summary refs log tree commit diff
diff options
context:
space:
mode:
authorNeil Moore <dar13.dev@gmail.com>2019-05-15 00:53:23 -0400
committerEugen Rochko <eugen@zeonfederated.com>2019-05-15 06:53:23 +0200
commit4ab094d35ec59c792da890aface6caeede135511 (patch)
treeb880873b9e4929f6aad9d8b4072b6d056700c6e6
parent14f6ce2885f7999f2fcbbdda6241a035271076d4 (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.js1
-rw-r--r--app/javascript/styles/mastodon/components.scss9
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 {