LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-22 12:21:13 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #1173 from alectrocute/collapse-expand-align-comment

Browse source 
Left-align comment collapse/expand button
This commit is contained in:
SleeplessOne1917 2023-06-11 14:16:38 +00:00 committed by GitHub
commit b6841b49ae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/shared/components/comment/comment-node.tsx
View file

@ -234,6 +234,14 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
})}
>
<div className="d-flex flex-wrap align-items-center text-muted small">
<button
className="btn btn-sm text-muted mr-2"
onClick={linkEvent(this, this.handleCommentCollapse)}
aria-label={this.expandText}
data-tippy-content={this.expandText}
>
<Icon icon={`${this.state.collapsed ? "plus" : "minus"}-square`} classes="icon-inline" />
</button>
<span className="mr-2">
<PersonListing person={cv.creator} />
</span>
@ -270,18 +278,6 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
</Link>
</>
)}
<button
className="btn btn-sm text-muted"
onClick={linkEvent(this, this.handleCommentCollapse)}
aria-label={this.expandText}
data-tippy-content={this.expandText}
>
{this.state.collapsed ? (
<Icon icon="plus-square" classes="icon-inline" />
) : (
<Icon icon="minus-square" classes="icon-inline" />
)}
</button>
{this.linkBtn(true)}
{cv.comment.language_id !== 0 && (
<span className="badge d-none d-sm-inline mr-2">