Kbin Userstyles and Userscripts

Sorry for triple posting, but just wanted to test this out real quick. The script seems to basically work, but I've found a couple issues; After my second post it showed the line only on the first post. The second post didn't get a collapse line until I collapsed/uncollapsed the first post.
Second, when I edited a comment it removed the collapse line from that post until I edited a second time. This doesn't seem to be consistent.
Third, and this might just be on my end, at some point while editing the posts, the second post is now on the far right of the comments window, instead of just slightly to the right of its parent comment.

I don't think these issues will be a huge deal, and I'm still looking forward to using this. Thanks for making it!

EDIT: Should also mention I'm on Firefox as well, incase that matters.

@artillect Love it

Perfect, thank you!

Edit: Already fixed, Thank you very much.
This is how it looks to me.
im on firefox kbin.social with kbin enhancement script an the optins for Show collapse comment Show collapse replies off

I love this, thanks so much for your hard work in making this, it's a huge UX improvement.

Yes. This script is amazing!

Ahhhhhhh that's so much better now. Thanks so much!!!!

After the fix, this is amazing!
Awesome work artillect!

Yessssssss. This one is how I wanted it to be.

For configuration, instead of the new button I think you should integrate them into the Kbin sidebar like is done by the kbin enhancement script.

Edit: The issue was resolved, so please ignore this message. Thanks u/artillect!

There was an issue where the parent comment was in a column on the left side and its children were all on the right, but I adjusted the CSS:

   .entry-comment .children {
        /* grid-area: children; */ /* disable or delete this */
        display: flex;
        flex-direction: column;
    }

   .entry-comment .comment-level--2:first-child {
        margin-top: 3rem; /* Edit: If the child comment is long then the text will get cut off, so setting the margin and/or parent height conditionally could work*/
   }

I'm having an issue where clicking anywhere on the comment will collapse it; Not just the line on the left. I couldn't figure out why myself, looking in the code, and it seems no-one else is having the issue?

Test Comment, Plz Collapse

@artillect @ernest

So, I have been using this script for a couple of weeks, and I can honestly say at this point that I cannot fathom using kbin without it. I really hope this gets rolled into core in some way.

Thank you @artillect !

Love it! I've noticed a single issue with themes though. Thread lines have set colors, which wouldn't be a problem unless you are using the solarized dark theme, then the first thread line is really hard to see.
What I did to fix that is simply set it the same border the first thread line uses normally (which is just the section border) that covers the background .comment-level--1 > .expando .threadLine { border: var(--kbin-section-border); border-width: 2px; }. It also fixes inconsistency between default kbin themes and custom-made ones.
Before and after

@artillect I found a weird bug/interaction! When you have the script (v1.2.1) as-is and enable media previews in the sidebar settings, a bunch of comments begin collapsed. It happens in this thread so it can be used for testing. Most of your comments are auto-collapsed.

The click handler on comments is triggered, as shown by this modification:

    // Add event listener to comment
    comments[i].addEventListener('click', function(){console.log("CLICK on comment " + i); toggleReplies(event, comments[i], expando)});

It spams a bunch of log lines in the console. I'm guessing the auto media preview is implemented by simulating clicks on comments, but I haven't checked the code.

I feel like an idiot because I can't seem to get this working. Here is the error I'm getting in the source editor:
error

What the heck am I doing wrong here?

The only way to identify which comments are from OP are the dotted red line to the left of the comment, this script removes that so it is impossible to tell who OP is. Is there a way you could readd that or make some other differentiator so we know who OP is?

Thank you so much for this script ! Improves readability and clarity so much !
Hope it inspires ernest to build something similar natively.

This script hides the "expand message" thingy that appears on long messages like on this one: https://kbin.social/m/kbinStyles/t/12515/Share-your-CSS-and-JS-snippets-here#entry-comment-52434