mastofe

commit: 1d5dcfcd46b973791c4f19f1dd66f33f3498800a
parent: 66ff9ed34e4086ee36368be25ad03f1b15db4e57
Author: Eugen Rochko <eugen@zeonfederated.com>
Date:   Sat, 13 May 2017 01:38:51 +0200

Make direct statuses stand out more (#3025)

Resolves #2515
Diffstat:
M
app/javascript/mastodon/components/status.js
2
+-
M
app/javascript/styles/components.scss
12
++++++++++++

2 files changed, 13 insertions(+), 1 deletion(-)
diff --git a/app/javascript/mastodon/components/status.js b/app/javascript/mastodon/components/status.js
@@ -97,7 +97,7 @@ class Status extends ImmutablePureComponent {
     }
 
     return (
-      <div className={this.props.muted ? 'status muted' : 'status'}>
+      <div className={`status ${this.props.muted ? 'muted' : ''} status-${status.get('visibility')}`}>
         <div className='status__info'>
           <div className='status__info-time'>
             <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/components.scss b/app/javascript/styles/components.scss
@@ -501,6 +501,18 @@
   border-bottom: 1px solid lighten($ui-base-color, 8%);
   cursor: default;
 
+  &.status-direct {
+    background: lighten($ui-base-color, 8%);
+
+    .status__display-name strong {
+      color: $primary-text-color;
+    }
+
+    .icon-button.disabled {
+      color: lighten($ui-base-color, 16%);
+    }
+  }
+
   &.light {
     .status__relative-time {
       color: $ui-primary-color;