fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-14 03:24:06 +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 maxComments = this.props.maxCommentsShown ?? this.props.nodes.length;
const borderColor = this.props.depth const borderColor = this.props.depth
? colorList[this.props.depth % colorList.length] ? colorList[(this.props.depth - 1) % colorList.length]
: colorList[0]; : colorList[0];
return ( return (
@ -89,7 +89,11 @@ export class CommentNodes extends Component<CommentNodesProps, any> {
"ms-1": !!this.props.isChild, "ms-1": !!this.props.isChild,
"border-top border-light": !this.props.noBorder, "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 => ( {this.props.nodes.slice(0, maxComments).map(node => (
<CommentNode <CommentNode