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 {