Infra-Mirrors/lemmy
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy.git synced 2024-10-01 01:36:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

Making comment collapse and lightning buttons not spans. Fixes #884

Browse Source
This commit is contained in:
Dessalines 2020-07-09 10:44:05 -04:00
parent 558644b8b3
commit 20f9bde88f
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/src/components/comment-node.tsx vendored
View File

@ -189,8 +189,8 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
</Link> </Link>
</> </>
)} )}
<div <button
className="mr-lg-4 flex-grow-1 flex-lg-grow-0 unselectable pointer mx-2" class="btn btn-sm text-muted"
onClick={linkEvent(this, this.handleCommentCollapse)} onClick={linkEvent(this, this.handleCommentCollapse)}
> >
{this.state.collapsed ? ( {this.state.collapsed ? (
@ -202,9 +202,11 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
<use xlinkHref="#icon-minus-square"></use> <use xlinkHref="#icon-minus-square"></use>
</svg> </svg>
)} )}
</div> </button>
<span {/* This is an expanding spacer for mobile */}
className={`unselectable pointer ${this.scoreColor}`} <div className="mr-lg-4 flex-grow-1 flex-lg-grow-0 unselectable pointer mx-2"></div>
<button
className={`btn btn-sm p-0 unselectable pointer ${this.scoreColor}`}
onClick={linkEvent(node, this.handleCommentUpvote)} onClick={linkEvent(node, this.handleCommentUpvote)}
data-tippy-content={this.pointsTippy} data-tippy-content={this.pointsTippy}
> >
@ -212,7 +214,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
<use xlinkHref="#icon-zap"></use> <use xlinkHref="#icon-zap"></use>
</svg> </svg>
<span class="mr-1">{this.state.score}</span> <span class="mr-1">{this.state.score}</span>
</span> </button>
<span className="mr-1">•</span> <span className="mr-1">•</span>
<span> <span>
<MomentTime data={node.comment} /> <MomentTime data={node.comment} />