treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Make direct statuses stand out more (#3025) 

Resolves #2515
lolsob-rspec
Eugen Rochko 2017-05-13 01:38:51 +02:00 committed by GitHub
parent 33737acda3
commit 706ebea56e
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/mastodon/components/status.js
View File

@ -97,7 +97,7 @@ class Status extends ImmutablePureComponent {
} }
return ( 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'>
<div className='status__info-time'> <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> <a href={status.get('url')} className='status__relative-time' target='_blank' rel='noopener'><RelativeTimestamp timestamp={status.get('created_at')} /></a>

12
app/javascript/styles/components.scss
View File

@ -501,6 +501,18 @@
border-bottom: 1px solid lighten($ui-base-color, 8%); border-bottom: 1px solid lighten($ui-base-color, 8%);
cursor: default; 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 { &.light {
.status__relative-time { .status__relative-time {
color: $ui-primary-color; color: $ui-primary-color;