wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-01 08:54:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

Adding zero state style for 0 counts

Browse Source
This commit is contained in:
Belen Curcio
2017-08-29 09:01:40 -03:00
parent da92a8e7c2
commit 1053c55d19
2 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/talk-plugin-history/Comment.css
+10 -1
View File
@@ -27,9 +27,18 @@
}
.commentSummaryReactions {
margin-right: 5px;
margin-right: 10px;
}
.reactionCount, .replyCount {
margin: 0 4px;
}
.countZero {
color: #9E9E9E;
}
.sidebar {
ul {
margin-top: 0;
client/talk-plugin-history/Comment.js
+9 -5
View File
@@ -25,15 +25,19 @@ class Comment extends React.Component {
data={data}
queryData={{root, comment, asset: comment.asset}}
/>
<div className={cn(styles.commentSummary, 'comment_summary')}>
<span className={cn(styles.commentSummaryReactions, 'comment_summary_reactions')}>
<div className={cn(styles.commentSummary, 'comment-summary')}>
<span className={cn(styles.commentSummaryReactions, 'comment-summary-reactions', {[styles.countZero]: reactionCount === 0})}>
<Icon name="thumb_up" />
{reactionCount}
<span className={cn(styles.reactionCount, 'comment-summary-reaction-count')}>
{reactionCount}
</span>
{reactionCount === 1 ? t('common.reaction') : t('common.reactions')}
</span>
<span className={cn('comment_summary_replies')}>
<span className={cn('comment-summary-replies', {[styles.countZero]: comment.replyCount === 0})}>
<Icon name="reply" />
{comment.replyCount}
<span className={cn(styles.replyCount, 'comment-summary-reply-count')}>
{comment.replyCount}
</span>
{comment.replyCount === 1 ? t('common.reply') : t('common.replies')}
</span>
</div>