From: SleeplessOne1917 <abias1122@gmail.com> Date: Sun, 4 Jun 2023 03:49:49 +0000 (-0400) Subject: Make comment depth easier to track visually X-Git-Url: http://these/git/%7B%60https:/%7BsortingHelpUrl%7D?a=commitdiff_plain;h=48c16cc977957db400920ec355e9b5e535dda33a;p=lemmy-ui.git Make comment depth easier to track visually --- diff --git a/src/shared/components/comment/comment-nodes.tsx b/src/shared/components/comment/comment-nodes.tsx index 11960da..64477fd 100644 --- a/src/shared/components/comment/comment-nodes.tsx +++ b/src/shared/components/comment/comment-nodes.tsx @@ -41,14 +41,10 @@ export class CommentNodes extends Component<CommentNodesProps, any> { return this.props.nodes.length > 0 ? ( <ul className={classNames("comments", { - "ms-2": !!this.props.isChild, + "ms-1": !!this.props.isChild, "border-top border-light": !this.props.noBorder, })} - style={{ - "border-left-color": borderColor, - "border-left-style": "solid", - "border-left-width": `2px`, - }} + style={`border-left: 2px solid ${borderColor} !important;`} > {this.props.nodes.slice(0, maxComments).map(node => ( <CommentNode