diff --git a/js/forum/src/components/DiscussionListItem.js b/js/forum/src/components/DiscussionListItem.js
index 045357b65..f82cbb32d 100644
--- a/js/forum/src/components/DiscussionListItem.js
+++ b/js/forum/src/components/DiscussionListItem.js
@@ -51,6 +51,7 @@ export default class DiscussionListItem extends Component {
const discussion = this.props.discussion;
const startUser = discussion.startUser();
const isUnread = discussion.isUnread();
+ const isRead = discussion.isRead();
const showUnread = !this.showRepliesCount() && isUnread;
const jumpTo = Math.min(discussion.lastPostNumber(), (discussion.readNumber() || 0) + 1);
const relevantPosts = this.props.params.q ? discussion.relevantPosts() : [];
@@ -71,7 +72,7 @@ export default class DiscussionListItem extends Component {
{icon('check')}
-
+
!!unreadCount),
+ isRead: computed('unreadCount', unreadCount => app.session.user && !unreadCount),
canReply: Model.attribute('canReply'),
canRename: Model.attribute('canRename'),
@@ -61,7 +62,7 @@ export default class Discussion extends mixin(Model, {
const user = app.session.user;
if (user && user.readTime() < this.lastTime()) {
- return Math.max(0, this.lastPostNumber() - (this.readNumber() || 0))
+ return Math.max(0, this.lastPostNumber() - (this.readNumber() || 0));
}
return 0;
diff --git a/less/forum/DiscussionListItem.less b/less/forum/DiscussionListItem.less
index 2544edf80..da5228a29 100644
--- a/less/forum/DiscussionListItem.less
+++ b/less/forum/DiscussionListItem.less
@@ -44,8 +44,11 @@
overflow: hidden;
text-overflow: ellipsis;
+ .read & {
+ color: mix(@heading-color, @body-bg, 60%);
+ }
.unread & {
- font-weight: bold;
+ font-weight: 600;
}
}
.DiscussionListItem-info {