mirror of
https://github.com/LemmyNet/lemmy
synced 2024-11-05 06:00:31 +00:00
Maybe #183
This commit is contained in:
parent
0492fb5ab2
commit
1b01a76583
@ -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' : ''}`}>
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user