mirror of
https://github.com/LemmyNet/lemmy.git
synced 2024-09-09 16:08:49 -06:00
Adding hr separator for top level comment groups on mobile.
This commit is contained in:
parent
6fe4cc3fd0
commit
1a9c1677d3
6
ui/src/components/comment-node.tsx
vendored
6
ui/src/components/comment-node.tsx
vendored
@ -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 ? 'ml-2' : ''
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
|
{!node.comment.parent_id && !this.props.noIndent && (
|
||||||
|
<hr class="d-sm-none my-2" />
|
||||||
|
)}
|
||||||
<div
|
<div
|
||||||
id={`comment-${node.comment.id}`}
|
id={`comment-${node.comment.id}`}
|
||||||
className={`details comment-node mb-1 ${
|
className={`details comment-node mb-1 ${
|
||||||
@ -130,7 +133,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
|
|||||||
style={
|
style={
|
||||||
!this.props.noIndent &&
|
!this.props.noIndent &&
|
||||||
this.props.node.comment.parent_id &&
|
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
|
<div
|
||||||
@ -697,6 +700,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{/* end of details */}
|
||||||
{this.state.showRemoveDialog && (
|
{this.state.showRemoveDialog && (
|
||||||
<form
|
<form
|
||||||
class="form-inline"
|
class="form-inline"
|
||||||
|
Loading…
Reference in New Issue
Block a user