Kbin Userstyles and Userscripts

ThatOneKirbyMain2568,
ThatOneKirbyMain2568 avatar

I've been doing a lot with userstyles and userscripts lately!

First, I've just released idkbin 1.3.7 and Dropdown Menu Icons 1.1.0, both of which add icons to the "more" button's dropdown menu.

Second, I made my first userscript: Improved Channel Select Menu! This is my first time making something with —a good bit of the code is based of raltsm4k's Floating Subs List—but I'm really happy with it! Earlier today, I released version 0.2.0 which adds a settings button and some new features. If you have any feedback, please share here.

ThatOneKirbyMain2568,
ThatOneKirbyMain2568 avatar

Implemented menu icons in idkbin 1.3.6! They make the UI feel a lot more polished imo.
I also made these a standalone userstyle if you just want those.

#kbin #kbinmeta

melroy,
@melroy@kbin.melroy.org avatar

@ThatOneKirbyMain2568 Feel free to create a PR in Mbin. We will merge this. https://github.com/MbinOrg/mbin/pulls

ThatOneKirbyMain2568, (edited )
ThatOneKirbyMain2568 avatar

Just learned that you can have dropdowns in Stylus settings, and I've implemented that in idkbin 1.3.5! Now you can choose from both of the "more" icons I was considering, among many other new options.

View the changelog here.

ThatOneKirbyMain2568, (edited )
ThatOneKirbyMain2568 avatar

idkbin 1.3.4 is out! This time around, I added a small icon next to the expand/collapse button on microblog posts. Like with most things in idkbin, it can be toggled.

View the changelog here. #kbin #kbinmeta #kbinstyles

ThatOneKirbyMain2568,
ThatOneKirbyMain2568 avatar

Just released Expanded Federation Awareness! This is an expanded version of the federation awareness tool from Kbin Enhancement Suite in userstyle form. It works on more places and has a unique color for other Kbin/Mbin instances.

ThatOneKirbyMain2568,
ThatOneKirbyMain2568 avatar

idkbin has been updated to 1.3.3! The more button has been replaced with an ellipsis, and the no avatar icon has been changed.

And I fixed more sort icon issues. Again. I'm really bad at this.

View the changelog here. #kbin #kbinmeta #kbinstyles

ThatOneKirbyMain2568,
ThatOneKirbyMain2568 avatar

idkbin 1.3.2 is out! This fixes a couple of bugs and adds a placeholder icon in the comments for people without an avatar. Before, it was just an empty box, so I figured it'd be nice to have something to fill it.

View the changelog here.

ThatOneKirbyMain2568,
ThatOneKirbyMain2568 avatar

Released idkbin 1.3.1! This update tweaks the scroll-to-top button, adds icons to the activity bar, and adds sort icons where they were missing before.

The changelog can be viewed here.

minnieo,
minnieo avatar

looking good!

ThatOneKirbyMain2568,
ThatOneKirbyMain2568 avatar

Made another small update to idkbin! The show preview button—which you can use to view images at scale without having to open the thread—is now colored so it's easier to spot and more obvious that it can be clicked.

Eigengrau,
Eigengrau avatar

I recently did crappy embed of svg icons for post controls , replacing the text (for now)? . i accidentally boosted a bigoted post when i intended to report it . Sorry about that !

Eigengrau,
Eigengrau avatar

Here's what the icons look like . Clicking rightmost one instead triggers boost (middle) . I hope to fix it sometime

Eigengrau,
Eigengrau avatar

I have to start from scratch all over again … coflicted if want to post userstyle right now in unfinished state , sometimes have hard time diagnosing issues . But i really desperate for help ‼️

Comment section margins in particular i have hard time getting to loook how i want (within kbin HTML structure limitations which's whole other worm can) 🪦 they're inconsistent and seem to have mind of their own

Eigengrau,
Eigengrau avatar

Relevant CSS

ThatOneKirbyMain2568, (edited )
ThatOneKirbyMain2568 avatar

I made some updates to my userstyle, idkbin, such as adding settings.

(idk if I should put this here but eh it works)

QingQangQong,

Not sure if this is the right place but flairs are probably one of the most notable missing features.

admin,
admin avatar

@QingQangQong This feature will probably be coming soon when ernest finished working on the website. In the mean time, you can check here and suggest features if someone hasn't mentioned it yet.

minnieo, (edited )
minnieo avatar

Hey guys, I don't know CSS at all and was directed here for assistance. I'd like to make these grey panels on top of my background black and a bit transparent for a sleeker look, is this possible? and if so, how? Thank you so much!

edit: two weeks later and i have learned css and html well enough to make some cool stuff, albeit simple. same with JS.

blobcat,
blobcat avatar

@minnieo something like that?
.options { background: rgba(0, 0, 0, 80%); }

arkcom,
arkcom avatar

@minnieo
I just checked out a couple of your magazines. You're really going all out on styling, very cool!

Eigengrau,
Eigengrau avatar

Wen tryn to do something i never done before , dont wanna hear long winded explanation of how CSS thing works (it doesn't for me) , jsut want solution …

Wat ive tried doing : replicate this view mode for posts with thumbnails , have trouble getting <figure>s to auto adjust height based on image height

A view mode like this something i miss from Infinity app …

  • All
  • Subscribed
  • Moderated
  • Favorites
  • kbinStyles
  • kavyap
  • DreamBathrooms
  • everett
  • mdbf
  • InstantRegret
  • magazineikmin
  • khanakhh
  • GTA5RPClips
  • Youngstown
  • slotface
  • cisconetworking
  • osvaldo12
  • rosin
  • Durango
  • HellsKitchen
  • thenastyranch
  • tacticalgear
  • ethstaker
  • modclub
  • cubers
  • tester
  • normalnudes
  • anitta
  • relationshipadvice
  • lostlight
  • Leos
  • bokunoheroacademia
  • sketchdaily
  • All magazines