This userscript for kbin enhances the comment section adjusting the layout and adding a line to the left of each comment and its replies that lets you collapse them. The design is inspired by some custom subreddit stylesheets, and new reddit surprisingly enough (you know what they say about broken clocks).
Personally, I think this is the best way to handle collapsing comments here's a screenshot.
This is SO much better than the default thread view, I love it. Thank you!
One tiny nitpick though, is there any way I can add back in the small padding between user comments to keep each comment chain separate? Right now it looks like one big comment chain.
Good call about the padding, I'll add that back in the next update. For now, you can edit the script, and add this to line 150, after styles.innerHTML =
Love this, it works great and adds clarity to the comments! I'm using it in conjuction with @SirPsychoMantis's user script, and the two are happily coexisting together. There's some visual bugs due to the two having the same function but appending additional characters in different places, but it's working fine.
I just released an update with a bunch of improvements for mobile, now you can collapse comments by tapping anywhere on them! (It shouldn't interfere with any of the buttons aside from the language dropdown, but let me know if it does)
Hey I just got your script and the above mentioned user script, and I noticed you put your settings into the drop down menu, when you could just do it like the other script and put it where the cogwheel is for theme. I think you should maybe change it to there, since I had to go through your code to see if you even had settings.
Currently using on mobile, the larger touch area for collapsing/uncollapsing works great in practice. I also see the modified scaling, and for the most part it's well done!
Although I can still force it to cut off some text if I find a discussion that goes deep enough. Not a huge issue though.
EDIT: I noticed that as a consequence of making the collapse activate on one click, highlighting portions of the comment (for example if you want to quote it) is now difficult. On desktop, you have to hold the mouse click then press Ctrl + C, otherwise if you let go of the click and collapse the comment, nothing is captured to the clipboard.
On Android though, since a tap and hold action on a word makes the context menu pop up, this doesn't happen, you can select the phrase you want to copy without the comment collapsing.
I'll probably keep using this on mobile, and use the other script for desktop.