collapsed: isCollapsed,
'has-background': isCollapsed && background,
'status__wrapper-reply': !!status.get('in_reply_to_id'),
- read: unread === false,
+ unread,
muted,
}, 'focusable');
outline: 0;
background: lighten($ui-base-color, 4%);
- &.status.status-direct:not(.read) {
+ &.status.status-direct {
background: lighten($ui-base-color, 12%);
&.muted {
margin-top: 8px;
}
- &.status-direct:not(.read) {
+ &.status-direct {
background: lighten($ui-base-color, 8%);
border-bottom-color: lighten($ui-base-color, 12%);
}
&:focus > .status__content:after {
background: linear-gradient(rgba(lighten($ui-base-color, 4%), 0), rgba(lighten($ui-base-color, 4%), 1));
}
- &.status-direct:not(.read)> .status__content:after {
+ &.status-direct > .status__content:after {
background: linear-gradient(rgba(lighten($ui-base-color, 8%), 0), rgba(lighten($ui-base-color, 8%), 1));
}
}
}
-.status.status-direct:not(.read) {
+.status.status-direct {
background: darken($ui-base-color, 8%);
border-bottom-color: darken($ui-base-color, 12%);
}
}
-.focusable:focus.status.status-direct:not(.read) {
+.focusable:focus.status.status-direct {
background: darken($ui-base-color, 4%);
&.collapsed> .status__content:after {