kbin enhancement script: QOL updates for the kbin UI

3 years ago by SirPsychoMantis to c/kbinStyles

Few small changes to the kbin UI while they still develop some features

Current features:

Add domains to magazines and users for federated content
Collapse comments
Collapse replies
Replies start collapsed
Move comment box to top
Fix comment buttons and add a cancel button
Blur / Hide NSFW domains (thanks to u/le__el)

All features are toggleable if you like the way another script does it instead.

Mallard 4 points 3 years ago

Nice job!
I'm very surprised that collapsing comments aren't officially implemented yet.

It would be good to see the collapsed comment show the "top row" info (avatar, name, comment age, votes) - even if just to keep the [-] inline with the [+].

path: 0 231157, hotness: undefined, score: 4, children: 1
SirPsychoMantis 1 point 3 years ago

Should be pretty lined up now

path: 0 231157 262293, hotness: undefined, score: 1, children: 0
arkcom 3 points 3 years ago

One problem that all of these scripts that move the reply box have - when you try to use formatting, the tags are always inserted in the top box. Is that something that is fixable with the script?

path: 0 231815, hotness: undefined, score: 3, children: 8
SirPsychoMantis 4 points 3 years ago

Not as far as I can tell, I opened an issue in the official bug tracker

path: 0 231815 235109, hotness: undefined, score: 4, children: 3
SirPsychoMantis 1 point 3 years ago
path: 0 231815 235109 258460, hotness: undefined, score: 1, children: 0
SirPsychoMantis 1 point 3 years ago
path: 0 231815 235109 258667, hotness: undefined, score: 1, children: 0
SirPsychoMantis 1 point 3 years ago
path: 0 231815 235109 259607, hotness: undefined, score: 1, children: 0
DarkThoughts 2 points 3 years ago

I use this script + the kbin-it theme for stylus, which moves it to the top as well, and when I disable toe top comment box in this script the formatting tags are applied to the reply box instead of the one at the top.

path: 0 231815 374371, hotness: undefined, score: 2, children: 3
DarkThoughts 2 points 3 years ago

Sorry, pinging @SirPsychoMantis for visibility. Not sure if this is a particular issues with userscripts but this seems to work for me.

path: 0 231815 374371 374390, hotness: undefined, score: 2, children: 2
arkcom 2 points 3 years ago

I think SirPsychoMantis fixed his too. Been working for me since last update.

path: 0 231815 374371 374390 388995, hotness: undefined, score: 2, children: 1
SirPsychoMantis 3 points 3 years ago

Yep, I am changing the ID of the "reply" box when it is created.

path: 0 231815 374371 374390 388995 395550, hotness: undefined, score: 3, children: 0
blobcat 3 points 3 years ago

Can you add "Add domains to magazines and users for federated content" to activity? It's missing there.

path: 0 323197, hotness: undefined, score: 3, children: 2
throwawaylurker 2 points 3 years ago

Possibly related: "Add domains to magazines" breaks with infinite scroll. So it works on posts when the page first loads, but when I scroll down and more posts load in, they don't have the domain:

path: 0 323197 339979, hotness: undefined, score: 2, children: 1
SirPsychoMantis 3 points 3 years ago

I'll look into fixing this, I don't use infinite scroll personally.

path: 0 323197 339979 395580, hotness: undefined, score: 3, children: 0
Shortcake 2 points 3 years ago

Don't forget to check in on the greasyfork site for updates! just went to 1.5 and it looks even better now!
I really like the setting toggles in the side bar

path: 0 228786, hotness: undefined, score: 2, children: 0
thegreekgeek 2 points 3 years ago

Hey, so I installed version 1.7 and I'm having issues closing the splash screen on both desktop and mobile. Does anyone else have this issue or is it just me?

path: 0 382581, hotness: undefined, score: 2, children: 2
SirPsychoMantis 2 points 3 years ago

Fixed a few issues, tell me if it is still happening with 1.9

path: 0 382581 443924, hotness: undefined, score: 2, children: 1
thegreekgeek 2 points 3 years ago

That works! Thank you sir, keep up the good work!

path: 0 382581 443924 446769, hotness: undefined, score: 2, children: 0
DarkThoughts 2 points 3 years ago

Is the red dotted line next to the reply meant to highlight the OP / thread starter? If so, is it possible to make this a little more obvious?

path: 0 374490, hotness: undefined, score: 2, children: 1
SirPsychoMantis 2 points 3 years ago

Added

path: 0 374490 443941, hotness: undefined, score: 2, children: 0
DarkThoughts 2 points 3 years ago

I think the issue with domains not showing for magazines & users has to do with infinite scroll being enabled. Every newly loaded page seems to just show them without the domain.

path: 0 375925, hotness: undefined, score: 2, children: 0
thesoloist 2 points 3 years ago

Nice thank you! One question. On mobile the domains push the up/down vote out of view. Any way to fix that? I'm currently running someone else's version that doesn't affect the votes.

path: 0 225143, hotness: undefined, score: 2, children: 2
SirPsychoMantis 1 point 3 years ago

Ah interesting, as far as I can tell this is just a symptom of kbin's CSS, having a really long username would do the same thing. Does the other script just allow the username to have a line break, or do the votes overlap with the name?

path: 0 225143 225801, hotness: undefined, score: 1, children: 1
thesoloist 1 point 3 years ago

Yup exactly it just line breaks. No overlaps

path: 0 225143 225801 226247, hotness: undefined, score: 1, children: 0
Rhapsody 2 points 3 years ago

Hey there, is it possible to add an option to move the collapse button to the left of the username (so that it's always in a consistent spot, versus moving from comment to comment depending on how long the line before it is), or to even add it to the space to the left of the avatar (like some reddit themes did)? Otherwise, this is great.

path: 0 237492, hotness: undefined, score: 2, children: 0
CodingAndCoffee 2 points 3 years ago

This is an EXCELLENT set of features

path: 0 221638, hotness: undefined, score: 2, children: 0
Rainbright 2 points 3 years ago

I’ve only been able to get this to work on Firefox on my desktop. Anyone successfully got it running on iOS Safari? I’m trying to use the Userscripts extension.

path: 0 272145, hotness: undefined, score: 2, children: 1
Rainbright 2 points 3 years ago

Never mind. Figured it out. I hadn’t enabled the extension on safari. Duh

path: 0 272145 272377, hotness: undefined, score: 2, children: 0
BananaTrifleViolin 2 points 3 years ago

This is great, thanks for your hard work on this, really great improvements to the UX!

path: 0 357708, hotness: undefined, score: 2, children: 0
0rito 2 points 3 years ago

Any chance you'll move this to GitHub? Would love to contribute.

path: 0 614781, hotness: undefined, score: 2, children: 0
ripcord 2 points 3 years ago

Hmmm, is there a way to install this in FF for Android? The links say I should be able to use Grease monkey, Tampermonkey, etc but FF refuses to install. I'm guessing they're written for the old FF API.

path: 0 364045, hotness: undefined, score: 2, children: 1
Thorned_Rose 2 points 3 years ago

I have Tampermonkey installed on my phone and it came up with an error each time I tried. But at some point it started working (at least it says it's installed)
https://postimg.cc/NLYf611z
I have yet to test it though. If you haven't tried clicking install a few times, try that since it worked for me? 🤷🏻‍♀️

path: 0 364045 371626, hotness: undefined, score: 2, children: 0
Thorned_Rose 1 point 3 years ago

Hey, I found the thread finally! @SirPsychoMantis, I posted this on Greasy Fork but just in case anyone else has this issue: I have found that the script is not blurring NSFW "Auto media preview" images. It is 100% blurring everything else (thumbnail, user image and community images) which is wonderful but not the preview image. Which is especially bad awful when I'm on my PC and the preview image is HUGE and there's kids in the room lol 😱

I tried my darnedest to edit the script myself but after a couple of hours I still couldn't get it to work.

path: 0 1116322, hotness: undefined, score: 1, children: 0
Noki 1 point 3 years ago

"Add domains to magazines and users for federated content" - this was missing for me. thank you!

EDIT: Found it. collapse comments adds the button at the top of a comment to hide it
collapse replies at the bottom of a comment to collaps all replys to that specifiy comment but it stays visibill

---- what are "Collapse comments" and "Collapse replies" doing ? i could not spot the difference.

path: 0 220027, hotness: undefined, score: 1, children: 1
SirPsychoMantis 1 point 3 years ago

Collapse comments adds the [-] and [+] to all comments

Collapse replies: Someone in another thread wanted to be able to hide all child comments but leave the top level comment, if a comment has replies, it adds a button in the footer to do that.

path: 0 220027 220525, hotness: undefined, score: 1, children: 0
Shortcake 1 point 3 years ago

Great stuff! Thanks for posting this here!

path: 0 223025, hotness: undefined, score: 1, children: 0
Kaldo 1 point 3 years ago

Ooh I like these changes a lot, thanks!

path: 0 223377, hotness: undefined, score: 1, children: 0
McBinary 1 point 3 years ago

I wonder if some new code was pushed to the backend today? Suddenly this morning all threads are auto-hiding all comments when this script is enabled. I've checked that none of the comment settings have been changed, and tested with and without them, but the only thing that allows comments to load is turning off the script. I've even tried reinstalling the script.

It was working wonderfully last night. So I'm guessing something new was added.

path: 0 441345, hotness: undefined, score: 1, children: 4
SirPsychoMantis 1 point 3 years ago

Do you mean the "Replies start collapsed" setting or that you can't see any comments?

path: 0 441345 443986, hotness: undefined, score: 1, children: 3
marcf 0 points 3 years ago

The new OP tag setting seems to be hiding all comments sometimes, possibly only when the OP posts a comment.

path: 0 441345 443986 453794, hotness: undefined, score: 0, children: 2
SirPsychoMantis 1 point 3 years ago

Could you tell me the exact settings you have on in the sidebar? I can't seem to replicate this. Also only sometimes?

path: 0 441345 443986 453794 453795, hotness: undefined, score: 1, children: 1
marcf 1 point 3 years ago

The setting is "Add OP tag".

When it's off, this post, for example, shows comments. Turn it on, and the comments disappear. There are other posts where the comments still appear even when the setting is on, such as here.

The difference appears to be whether the OP posts a comment. When they do, all comments seem to disappear with the setting on.

If you're not seeing the behaviour, it's possible I've got other scripts or modifications running which might be interfering with yours, not sure!

path: 0 441345 443986 453794 453795 464963, hotness: undefined, score: 1, children: 0
kbinStyles
kbinStyles

@kbin.social

login for more options
15
98
1

Custom CSS and JS to help improve your Kbin experience! ### Userscripts Greasy Fork ### Stylesheets UserStyles.world ### Userscript managers

go to feed...