diff options
author | Dessalines <happydooby@gmail.com> | 2019-07-22 20:15:00 -0700 |
---|---|---|
committer | Dessalines <happydooby@gmail.com> | 2019-07-22 20:15:00 -0700 |
commit | 48274f66c5ce66a1bfc0c6f9eea96778111dd000 (patch) | |
tree | b8485b3f85805eaeca88735517ebac2e6fc57d1f | |
parent | ef7788d379c8e6559c9a347afdca54ef5088fb6f (diff) |
Maybe #183
-rw-r--r-- | ui/src/components/comment-node.tsx | 4 | ||||
-rw-r--r-- | ui/src/components/post-listing.tsx | 8 |
2 files changed, 6 insertions, 6 deletions
diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx index aa7dfbe3..a201ddd6 100644 --- a/ui/src/components/comment-node.tsx +++ b/ui/src/components/comment-node.tsx @@ -61,11 +61,11 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> { <div className={`comment ${node.comment.parent_id && !this.props.noIndent ? 'ml-4' : ''}`}> <div className={`mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}> <div className={`pointer ${node.comment.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(node, this.handleCommentLike)}> - <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> + <svg class="pointer icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> </div> <div class={`font-weight-bold text-muted`}>{node.comment.score}</div> <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> + <svg class="pointer icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg> </div> </div> <div id={`comment-${node.comment.id}`} className={`details ml-4 ${this.isCommentNew ? 'mark' : ''}`}> diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx index 0fec5ceb..6727dd09 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -59,11 +59,11 @@ export class PostListing extends Component<PostListingProps, PostListingState> { <div class="listing"> <div className={`mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}> <div className={`pointer ${post.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostLike)}> - <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> + <svg class="pointer icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> </div> <div class={`font-weight-bold text-muted`}>{post.score}</div> <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> + <svg class="pointer icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg> </div> </div> {post.url && isImage(post.url) && @@ -94,10 +94,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> { { post.url && isImage(post.url) && <> { !this.state.imageExpanded - ? <span class="badge badge-light pointer ml-2 text-muted small" title="Expand here" onClick={linkEvent(this, this.handleImageExpandClick)}>+</span> + ? <span class="text-monospace pointer ml-2 text-muted small" title="Expand here" onClick={linkEvent(this, this.handleImageExpandClick)}>[+]</span> : <span> - <span class="pointer ml-2 badge badge-light text-muted small" onClick={linkEvent(this, this.handleImageExpandClick)}>-</span> + <span class="text-monospace pointer ml-2 text-muted small" onClick={linkEvent(this, this.handleImageExpandClick)}>[-]</span> <div> <span class="pointer" onClick={linkEvent(this, this.handleImageExpandClick)}><img class="img-fluid" src={post.url} /></span> </div> |