0
Answered

Nested replies indent

JDB 7 years ago in Usability & Interface • updated by Sergey Stukov (co-founder) 7 years ago 3
The indent for nested replies is not noticeable enough. Can you give more indent? or how to do it via CSS?

Thanks

Answer

Answer
Answered
We added ability to setup your own padding for nested comments.
Just setup your own custom CSS rules for it.
Below is default:

.comments-list .offset1{padding-left:20px;}
.comments-list .offset2{padding-left:40px;}
.comments-list .offset3{padding-left:60px;}
.comments-list .offset4{padding-left:80px;}
.comments-list .offset5{padding-left:100px;}
.comments-list .offset6{padding-left:120px;}
.comments-list .offset7{padding-left:140px;}
.comments-list .offset8{padding-left:160px;}
.comments-list .offset9{padding-left:180px;}
Answered
We added ability to setup your own padding for nested comments.
Just setup your own custom CSS rules for it.
Below is default:
.comments-list .offset1{padding-left:20px;}
.comments-list .offset2{padding-left:40px;}
.comments-list .offset3{padding-left:60px;}
.comments-list .offset4{padding-left:80px;}
.comments-list .offset5{padding-left:100px;}
.comments-list .offset6{padding-left:120px;}
.comments-list .offset7{padding-left:140px;}
.comments-list .offset8{padding-left:160px;}
.comments-list .offset9{padding-left:180px;}
Answer
Answered
We added ability to setup your own padding for nested comments.
Just setup your own custom CSS rules for it.
Below is default:

.comments-list .offset1{padding-left:20px;}
.comments-list .offset2{padding-left:40px;}
.comments-list .offset3{padding-left:60px;}
.comments-list .offset4{padding-left:80px;}
.comments-list .offset5{padding-left:100px;}
.comments-list .offset6{padding-left:120px;}
.comments-list .offset7{padding-left:140px;}
.comments-list .offset8{padding-left:160px;}
.comments-list .offset9{padding-left:180px;}
I think it is not working :(
It's works. You missed space character after .comments-list in each string.
We added space. Now you can update paddings as you want.
Thanks.

As a suggestion: Only first reply should be indented, the rest hanging below will follow same indent (the off-topic conversation will be noticed easily without having a downstairs look). I have simulated this in CSS by setting all indents to be the same.


Also you could set a vertical line for all nested replies, such as:


Topic text...


   Nested reply...

   Nested reply reply...

   Nested reply reply reply...