about summary refs log tree commit diff
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2017-05-13 01:38:51 +0200
committerGitHub <noreply@github.com>2017-05-13 01:38:51 +0200
commit1d5dcfcd46b973791c4f19f1dd66f33f3498800a (patch)
tree7d752a686fb052d0e4c7c084a8e63ac60d2e22ad
parent66ff9ed34e4086ee36368be25ad03f1b15db4e57 (diff)
Make direct statuses stand out more (#3025)
Resolves #2515
-rw-r--r--app/javascript/mastodon/components/status.js2
-rw-r--r--app/javascript/styles/components.scss12
2 files changed, 13 insertions, 1 deletions
diff --git a/app/javascript/mastodon/components/status.js b/app/javascript/mastodon/components/status.js
index e82f1d7aa..d2049c44a 100644
--- 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
index b5bbe749d..773ef0a5b 100644
--- 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;