fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-22 22:49:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1594 from LemmyNet/comment-border

Browse source 
Only give child comments colored borders
This commit is contained in:
SleeplessOne1917 2023-06-26 10:35:09 +00:00 committed by GitHub
parent dbbec5d950 08ad1fb183
commit 46ab522143
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/shared/components/comment/comment-nodes.tsx
View file

@ -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