This commit is contained in:
Dessalines 2019-07-22 20:15:00 -07:00
parent 0492fb5ab2
commit 1b01a76583
2 changed files with 6 additions and 6 deletions

View file

@ -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={`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={`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)}> <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>
<div class={`font-weight-bold text-muted`}>{node.comment.score}</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)}> <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> </div>
<div id={`comment-${node.comment.id}`} className={`details ml-4 ${this.isCommentNew ? 'mark' : ''}`}> <div id={`comment-${node.comment.id}`} className={`details ml-4 ${this.isCommentNew ? 'mark' : ''}`}>

View file

@ -59,11 +59,11 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<div class="listing"> <div class="listing">
<div className={`mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}> <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)}> <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>
<div class={`font-weight-bold text-muted`}>{post.score}</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)}> <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>
</div> </div>
{post.url && isImage(post.url) && {post.url && isImage(post.url) &&
@ -94,10 +94,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
{ post.url && isImage(post.url) && { post.url && isImage(post.url) &&
<> <>
{ !this.state.imageExpanded { !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>
<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> <div>
<span class="pointer" onClick={linkEvent(this, this.handleImageExpandClick)}><img class="img-fluid" src={post.url} /></span> <span class="pointer" onClick={linkEvent(this, this.handleImageExpandClick)}><img class="img-fluid" src={post.url} /></span>
</div> </div>