diff options
| author | Dessalines <tyhou13@gmx.com> | 2019-04-24 18:03:21 -0700 |
|---|---|---|
| committer | Dessalines <tyhou13@gmx.com> | 2019-04-24 18:03:21 -0700 |
| commit | f02c2ffac8385b3484902eb539d37cdff1271ae0 (patch) | |
| tree | a321bdd8e2757a5d44dbf5b90c2b067864fabeb1 /ui | |
| parent | 5e0653ac310a8de9e0c18a2f07b806ef1decfb85 (diff) | |
vote styling issue
Diffstat (limited to 'ui')
| -rw-r--r-- | ui/src/components/comment-node.tsx | 2 | ||||
| -rw-r--r-- | ui/src/components/post-listing.tsx | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx index dfc75350..fabacb28 100644 --- a/ui/src/components/comment-node.tsx +++ b/ui/src/components/comment-node.tsx @@ -62,7 +62,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> { <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> </div> <div>{node.comment.score}</div> - <div className={`pointer ${node.comment.my_vote == -1 && 'text-danger'}`} onClick={linkEvent(node, this.handleCommentDisLike)}> + <div className={`pointer ${node.comment.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(node, this.handleCommentDisLike)}> <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg> </div> </div> diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx index e163717e..7a6e9545 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -62,7 +62,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> </div> <div>{post.score}</div> - <div className={`pointer ${post.my_vote == -1 && 'text-danger'}`} onClick={linkEvent(this, this.handlePostDisLike)}> + <div className={`pointer ${post.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostDisLike)}> <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg> </div> </div> |