From: djvs <2954343+djvs@users.noreply.github.com> Date: Tue, 25 Jul 2023 18:07:17 +0000 (-0400) Subject: Separate final comment row + add classes (#1982) X-Git-Url: http://these/git/%7B%60%24%7BghostArchiveUrl%7D/%7B%60/css/themes/%24%7Bthis.props.defaultTheme.unwrap%28%29%7D.css%60%7D?a=commitdiff_plain;h=d42aabb3ca9ef9a7571fcb6b5b21b745325b23ae;p=lemmy-ui.git Separate final comment row + add classes (#1982) Co-authored-by: djvs <djvs@users.noreply.github.com> --- diff --git a/src/shared/components/comment/comment-node.tsx b/src/shared/components/comment/comment-node.tsx index 7b7f29e..c2223df 100644 --- a/src/shared/components/comment/comment-node.tsx +++ b/src/shared/components/comment/comment-node.tsx @@ -384,20 +384,22 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> { /> )} {!this.state.showEdit && !this.state.collapsed && ( - <div> - {this.state.viewSource ? ( - <pre>{this.commentUnlessRemoved}</pre> - ) : ( - <div - className="md-div" - dangerouslySetInnerHTML={ - this.props.hideImages - ? mdToHtmlNoImages(this.commentUnlessRemoved) - : mdToHtml(this.commentUnlessRemoved) - } - /> - )} - <div className="d-flex justify-content-between justify-content-lg-start flex-wrap text-muted fw-bold"> + <> + <div className="comment-content"> + {this.state.viewSource ? ( + <pre>{this.commentUnlessRemoved}</pre> + ) : ( + <div + className="md-div" + dangerouslySetInnerHTML={ + this.props.hideImages + ? mdToHtmlNoImages(this.commentUnlessRemoved) + : mdToHtml(this.commentUnlessRemoved) + } + /> + )} + </div> + <div className="comment-bottom-btns d-flex justify-content-between justify-content-lg-start flex-wrap text-muted fw-bold"> {this.props.showContext && this.getLinkButton()} {this.props.markable && ( <button @@ -915,7 +917,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> { )} </div> {/* end of button group */} - </div> + </> )} </div> </article>