artillectImproved Collapsible Comments - Script that lets you collapse replies by clicking a line to the side of each comment
[https://greasyfork.org/en/scripts/468923-kbin-better-collapsible-comments](Download it from greasyfork)... #kbinMeta
exscapeYou have the URL components backwards! Text in [ ] first, followed by link in ( ).
Trying this out now!
Thanks for pointing that out! I fixed it in my post about it on /m/kbinStyles but forgot to fix that before posting it here lol
Hmm, instant chaos in Firefox 115.0b6 unfortunately! I disabled all other kbin userscripts, same issue.
Try updating it, I think I fixed the issue! Turns out Firefox doesn't support the :has() selector by default
Yep, that solved it! And I agree this method is better :-)
But... sorry to be the bearer of bad news (I know the feeling of getting bug reports just as you thought something worked fine), but it bugs out when you write new comments.
Thanks for the bug reports, I'll try to fix those as soon as I can figure out how. There's also some issues with the toggle disappearing when you edit a comment, and hopefully I can fix all of that in one fell swoop
I've fixed the issue with replies not getting nested properly, try updating!
Testing testing :-)
thesoloist@artillect well done. works perfect on my end.
Thank you! I've made a comment about it on the codeberg repository, I hope @ernest likes it
Issue to discuss UI improvements across the board?
To me, it kinda feels like we need a broad design overhaul across the board.. i know the project is still young, but the design looks a little.. boilerplate-y (understandable for a young project) compared to something like lemmy (i.e. https://lemmy.world/c/apple) As a dev, I would love to have an active discussion thread with designers and other devs or have a consolidated area where we can chat everything about designs Here are some magazines that may be of use: - kbin styles: https://kbin.social/m/kbinStyles - kbin design: https://kbin.social/m/kbinDesign kbin styles seems super helpful since it's literally people modifying the css of the kbin to improve it, so it'd just be making design decisions here and impleementing some of the ideas there
Grimlo9icLove 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.
kbin enhancement script: Userscript to collapse comments and add domains to names - /kbin meta - kbin.social
Just a quick and dirty userscript to add some features I feel are super important. I'll probably look into creating some real PRs, but I figure the devs are probably in "put out fires" mode right now....
Looks like I need to scale things down a bit for mobile, I'll fix that ASAP
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)
Currently using on mobile, the larger touch area for collapsing/uncollapsing works great in practice. I also saw your 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.
I just released another update, you should be able to highlight text without the comment collapsing for now. I've also added an option to toggle collapsing comments by clicking anywhere on them, you can access it by clicking your username in the top right, then go to "Userscript Settings" and the option should be there
I appreciate the work you're putting in! The latest version no longer gets text cut off on the right side. However now the longer comments no longer get that expand option.
Try updating to 1.3.5, it should be back!
SaltcrackerHey 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.
Great idea, but the main issue with that is that it isn't compatible with mobile Safari. I'll figure out some way to make it clearer
McBinaryThis 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.
Thanks, I'm glad to hear you like it!
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 =
.comments div {
border-left: none !important;
}
.entry-comment .children {
gap: 8px;
}
.comment-level--1 {
margin-bottom: 8px;
}
@artillect Perfect, thank you so much!
I just released an update that adds the padding back and has a few other improvements