I would like to suggest not indenting comments on mobile, or at most indenting them once.

Alternately, perhaps the indentation level could be part of the admin settings.

Comments

ptmkenny created an issue. See original summary.

ptmkenny’s picture

indentation three levels

I'm attaching a screenshot (comment_indented_twice.png) showing a reply to a comment that is a reply to a comment (third-level reply).

elaman’s picture

Status: Active » Closed (works as designed)

@ptmkenny I don't think we need to add this setting at all. There is already a way to do this using CSS:

not indenting comments on mobile

You can do this like so:

@media (max-width: 480px) {
  .rc_replies {
    margin-left: 0;
  }
}
or at most indenting them once

You can do this like so:

@media (max-width: 480px) {
  .rc_replies {
    margin-left: 0;
  }
  .rc_react-comments > .rc_comment > .rc_replies {
    margin-left: 46px;
  }
}

Marking this closed, as the issue could be solved via CSS.