Kbin Userstyles and Userscripts

ThatOneKirbyMain2568 ,
@ThatOneKirbyMain2568@kbin.social 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@kbin.social 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.

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@kbin.social 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@kbin.social 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.

ThatOneKirbyMain2568 ,
@ThatOneKirbyMain2568@kbin.social 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@kbin.social 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.

ThatOneKirbyMain2568 ,
@ThatOneKirbyMain2568@kbin.social 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@kbin.social 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@kbin.social avatar

looking good!

Eigengrau ,
@Eigengrau@kbin.social 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@kbin.social 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

ThatOneKirbyMain2568 , (edited )
@ThatOneKirbyMain2568@kbin.social avatar

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

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

ThatOneKirbyMain2568 ,
@ThatOneKirbyMain2568@kbin.social 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@kbin.social 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 …

Eigengrau ,
@Eigengrau@kbin.social avatar

Somthing i wish i can do : Make post images take up whole width

Posts take up only 50% of whole width . Can't change it no matter what

minnieo ,
@minnieo@kbin.social 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.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • kbinStyles@kbin.social
  • kamenrider
  • Rutgers
  • jeremy
  • Lexington
  • cragsand
  • mead
  • RetroGamingNetwork
  • loren
  • steinbach
  • xyz
  • PowerRangers
  • AnarchoCapitalism
  • WatchParties
  • WarhammerFantasy
  • supersentai
  • itdept
  • AgeRegression
  • mauerstrassenwetten
  • MidnightClan
  • space_engine
  • learnviet
  • bjj
  • Teensy
  • khanate
  • electropalaeography
  • neondivide
  • Mordhau
  • fandic
  • All magazines