From: SleeplessOne1917 <abias1122@gmail.com>
Date: Sun, 25 Jun 2023 19:20:06 +0000 (-0400)
Subject: Only give child comments colored borders
X-Git-Url: http://these/git/%22https:/nerdica.net/%7B%24%7B%60data:application/static/git-favicon.png?a=commitdiff_plain;h=c2b44db2ac9729bda4003ec89996ae1c40840d48;p=lemmy-ui.git

Only give child comments colored borders
---

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<CommentNodesProps, any> {
     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<CommentNodesProps, any> {
             "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 => (
             <CommentNode