Hiding vote bar on comment collapse

- Fixes #259
pull/722/head
Dessalines 2019-09-02 15:00:49 -07:00
parent 951a3d0616
commit d99fa5268d
1 changed files with 11 additions and 9 deletions

View File

@ -65,6 +65,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
let node = this.props.node;
return (
<div className={`comment ${node.comment.parent_id && !this.props.noIndent ? 'ml-4' : ''}`}>
{!this.state.collapsed &&
<div className={`vote-bar mr-2 float-left small text-center ${this.props.viewOnly && 'no-click'}`}>
<button className={`btn p-0 ${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>
@ -74,6 +75,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
<svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
</button>
</div>
}
<div id={`comment-${node.comment.id}`} className={`details comment-node ml-4 ${this.isCommentNew ? 'mark' : ''}`}>
<ul class="list-inline mb-0 text-muted small">
<li className="list-inline-item">