Make comment depth easier to track visually
authorSleeplessOne1917 <abias1122@gmail.com>
Sun, 4 Jun 2023 03:49:49 +0000 (23:49 -0400)
committerSleeplessOne1917 <abias1122@gmail.com>
Sun, 4 Jun 2023 03:49:49 +0000 (23:49 -0400)
src/shared/components/comment/comment-nodes.tsx

index 11960da19bd551e5aeb3664f076e1ad04c881fe3..64477fdf1bdddbb501096a5e1fad61a3e4f8960a 100644 (file)
@@ -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