[wp-trac] [WordPress Trac] #40016: Twenty Seventeen: Nested comment replies don't indent properly

[WordPress Trac]

#40016: Twenty Seventeen: Nested comment replies don't indent properly
---------------------------+------------------------------
 Reporter:  DougJoseph     |       Owner:
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  4.7.2
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:
---------------------------+------------------------------

Comment (by DougJoseph):

 Replying to [comment:3 Dehumanizer]:
 > I also noticed this (on WP 4.7.3, just installed, no plugins except
 Jetpack (and temporarily disabling it didn't fix the problem). A reply to
 a reply is indented, but not the first reply to a top-level comment.
 >
 > There may be better ways to do this, but I was able to fix it on my blog
 by changing this on style.css:
 >
 >
 > {{{
 > .comment-list,
 > .comment-list .children {
 >         list-style: none;
 >         margin: 0;
 >         padding: 0;
 > }
 > }}}
 >
 >
 > to:
 >
 >
 > {{{
 > .comment-list {
 >         list-style: none;
 >         margin: 0;
 >         padding: 0;
 > }
 >
 > .comment-list .children {
 >         list-style: none;
 >         margin: 0;
 >         padding: 0;
 >         padding-left: 2em;
 > }
 >
 > }}}


 Thank you for the idea on how to approach getting a fix for this,
 @Dehumanizer !

 I was able to go into Dashboard > Appearance > Edit CSS --- and add the
 following, which worked for me. I had to add the last part because
 something was causing the avatar to be offset by only 45 pixels when 65
 was what was needed.


 {{{
 /* Below: Fix for nested reply in comments not indenting properly */

 .comment-list {
         list-style: none;
         margin: 0;
         padding: 0;
 }

 .comment-list .children {
         list-style: none;
         margin: 0;
         padding: 0;
         padding-left: 2em !important;
 }

 .children .comment-author .avatar {
         left: -65px !important;
 }
 }}}

--
Ticket URL: <https://core.trac.wordpress.org/ticket/40016#comment:4>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform