From 308785b4722567cc595d28a2aa8548b119116e10 Mon Sep 17 00:00:00 2001 From: SleeplessOne1917 Date: Sun, 25 Jun 2023 15:20:06 -0400 Subject: [PATCH] Only give child comments colored borders --- src/shared/components/comment/comment-nodes.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/shared/components/comment/comment-nodes.tsx b/src/shared/components/comment/comment-nodes.tsx index 02e621b..495b6bb 100644 --- a/src/shared/components/comment/comment-nodes.tsx +++ b/src/shared/components/comment/comment-nodes.tsx @@ -79,7 +79,7 @@ export class CommentNodes extends Component { const maxComments = this.props.maxCommentsShown ?? this.props.nodes.length; const borderColor = this.props.depth - ? colorList[this.props.depth % colorList.length] + ? colorList[(this.props.depth - 1) % colorList.length] : colorList[0]; return ( @@ -89,7 +89,11 @@ export class CommentNodes extends Component { "ms-1": !!this.props.isChild, "border-top border-light": !this.props.noBorder, })} - style={`border-left: 2px solid ${borderColor} !important;`} + style={ + this.props.isChild + ? `border-left: 2px solid ${borderColor} !important;` + : undefined + } > {this.props.nodes.slice(0, maxComments).map(node => (