LemmyNet/lemmy
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy.git synced 2024-11-23 04:41:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adding hr separator for top level comment groups on mobile.

Browse source
This commit is contained in:
Dessalines 2020-03-05 10:02:23 -05:00
parent 6fe4cc3fd0
commit 1a9c1677d3
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/src/components/comment-node.tsx vendored
View file

@ -122,6 +122,9 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
node.comment.parent_id && !this.props.noIndent ? 'ml-2' : ''
}`}
>
{!node.comment.parent_id && !this.props.noIndent && (
<hr class="d-sm-none my-2" />
)}
<div
id={`comment-${node.comment.id}`}
className={`details comment-node mb-1 ${
@ -130,7 +133,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
style={
!this.props.noIndent &&
this.props.node.comment.parent_id &&
`border-left: 1px solid; border-color: ${this.state.borderColor} !important`
`border-left: 1px ${this.state.borderColor} solid !important`
}
>
<div
@ -697,6 +700,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
)}
</div>
</div>
{/* end of details */}
{this.state.showRemoveDialog && (
<form
class="form-inline"