Kbin Userstyles and Userscripts

I've been doing a lot with userstyles and userscripts lately! First, I've just released [idkbin 1.3.7](https://userstyles.world/style/10478/idkbin) and [Dropdown Menu Icons 1.1.0](https://userstyles.world/style/13871/dropdown-menu-icons-kbin), both of which add icons to the "more" button's dropdown menu. Second, I made my first userscript: [Improved Channel Select Menu](https://greasyfork.org/en/scripts/484196-improved-channel-select-menu-for-kbin)! This is my first time making something with [#JavaScript](https://kbin.social/tag/JavaScript)—a good bit of the code is based of raltsm4k's [Floating Subs List](https://greasyfork.org/en/scripts/469121-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](https://kbin.social/m/kbinStyles/t/746981). [\#kbin](https://kbin.social/tag/kbin) [#kbinmeta](https://kbin.social/tag/kbinmeta) [#css](https://kbin.social/tag/css) [#kbinStyles](https://kbin.social/tag/kbinStyles)

4
0
https://greasyfork.org/en/scripts/484196-improved-channel-select-menu-for-kbin

One of my most wanted features as of late has been for the channel select menu to have my subscribed magazines and liked collections. Right now, it just contains some general feeds, but I thought it'd be super useful to also have your mags and collections there for easy access! However, given that Kbin development priorities are currently elsewhere, I'd try to implement something myself for the time being. This userscript does exactly what the title says. All of the magazines you've subscribed to and the collections you've liked are now in the channel select menu that you can find in the top right. This should make getting to your favorite mags and collections a lot more convenient. ### [Download here](https://greasyfork.org/en/scripts/484196-improved-channel-select-menu-for-kbin) ### Given that this is my first time making a userscript and that I made this in a day, there are probably (definitely) a few bugs. If you find any, please let me know. --- ### 0.1.0 ### * The userscript does the thing it says it does. Hopefully. ### 0.2.0 ### * A settings button has been added alongside three settings, all of which are enabled by default: * "List liked collections before subscribed magazines." *(new feature)* * "Cache menu items for faster loading." * "Add placeholder icons to collections and iconless magazines." *(new feature)* * An oversight causing the channel select menu to partly be offscreen on mobile should hopefully be corrected.

7
0

Implemented menu icons in [idkbin 1.3.6](https://userstyles.world/style/10478/idkbin)! They make the UI feel a lot more polished imo. I also made these a [standalone userstyle](https://userstyles.world/style/13871/dropdown-menu-icons-kbin) if you just want those. [\#kbin](https://kbin.social/tag/kbin) [#kbinmeta](https://kbin.social/tag/kbinmeta) [#kbinStyles](https://kbin.social/tag/kbinStyles)

2
1
https://userstyles.world/style/13871/dropdown-menu-icons-kbin

This userstyle adds icons to the dropdown menus in the header — i.e., the add, channel select, and avatar menus in the top right. This is a feature I took from my recent update to my main userstyle [idkbin](https://userstyles.world/style/10478/idkbin), but I thought this would also be helpful as a standalone userstyle. In my opinion, it makes these menus look a lot nicer. I'm considering adding some icons to the "more" menu on posts and maybe also taking the sort option icons from idkbin, though I'm not sure if those would be better as separate userstyles. --- ### 1.0.0 ### * Userstyle does the thing. ### 1.1.0 ### * Icons have been added to the more button's dropdown menu. * The header dropdown menu icons now work with [Improved Channel Select Menu for Kbin](https://greasyfork.org/en/scripts/484196-improved-channel-select-menu-for-kbin).

6
1
https://greasyfork.org/en/scripts/482913-community-banners

This script adds clean and aesthetic banners to communities based on their icon. If there is no icon, a stylish default image in the kbin colors is used instead. [Here is an album with a few examples!](https://imgur.com/a/k3EEk9j) thank you to [@Pamasich](https://kbin.social/u/Pamasich) and [@TheArstaInventor](https://kbin.social/u/TheArstaInventor) for the css for the banners \<3

11
0

Just learned that you can have dropdowns in Stylus settings, and I've implemented that in [idkbin 1.3.5](https://userstyles.world/style/10478/idkbin)! Now you can choose from both of the "more" icons I was considering, among many other new options. [View the changelog here.](https://kbin.social/m/kbinStyles/t/63436) [#kbin](https://kbin.social/tag/kbin) [#kbinmeta](https://kbin.social/tag/kbinmeta) [#kbinstyles](https://kbin.social/tag/kbinstyles) [#kbinStyles](https://kbin.social/tag/kbinStyles)

3
0

[idkbin 1.3.4 is out!](https://userstyles.world/style/10478/idkbin) 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.](https://kbin.social/m/kbinStyles/t/63436) [#kbin](https://kbin.social/tag/kbin) [#kbinmeta](https://kbin.social/tag/kbinmeta) [#kbinstyles](https://kbin.social/tag/kbinstyles) [#kbinStyles](https://kbin.social/tag/kbinStyles)

2
0

Just released [Expanded Federation Awareness](https://userstyles.world/style/13626/expanded-federation-awareness-kbin)! 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. [\#kbinStyles](https://kbin.social/tag/kbinStyles)

1
0
https://userstyles.world/style/13626/expanded-federation-awareness-kbin

For a long while, I've been wishing that the federation awareness tool in [Kbin Enhancement Suite (KES)](https://github.com/aclist/kbin-kes/raw/main/kes.user.js) applied to microblog posts and activity pages, so I decided to make that in the form of a userstyle! This userstyle adds 4 different colored indicators next to usernames: * magenta — on your instance * dark purple\* — on another Kbin/Mbin instance * yellow — on some other instance * red\*\* — on a highly moderated instance These will appear on threads, crossposts, microblog posts, comments, activity pages, sidebars, and the collections page, but each of these can be disabled in settings. **[Download it here.](https://userstyles.world/style/13626/expanded-federation-awareness-kbin)** \* *This is based on a quick list of common Kbin/Mbin instances I came up with. If you find that an instance isn't included but should be, let me know.* \*\* *This is based on the list that KES uses.* --- ### 1.0.0 ### * There is now a colored indicator next to each user to show if they're on your instance, another recognized Kbin/Mbin instance, a highly moderated instance, or some other instance. The colors can be changed in settings. * Whether these indicators appear in threads, thread comments, crossposts, microblog posts, microblog replies, activity lists, sidebars, and the collections page can each be toggled in settings. ### 1.0.1 ### * [fedia.io](https://fedia.io) has been added to the list of Kbin/Mbin instances. No idea how I missed it before.

5
5

[idkbin has been updated to 1.3.3](https://userstyles.world/style/10478/idkbin)! 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.](https://kbin.social/m/kbinStyles/t/63436) [#kbin](https://kbin.social/tag/kbin) [#kbinmeta](https://kbin.social/tag/kbinmeta) [#kbinstyles](https://kbin.social/tag/kbinstyles) [#kbinStyles](https://kbin.social/tag/kbinStyles)

2
0

[idkbin 1.3.2](https://userstyles.world/style/10478/idkbin) 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.](https://kbin.social/m/kbinStyles/t/63436) [#kbin](https://kbin.social/tag/kbin) [#kbinmeta](https://kbin.social/tag/kbinmeta) [#kbinstyles](https://kbin.social/tag/kbinstyles) [#kbinStyles](https://kbin.social/tag/kbinStyles)

2
0
https://userstyles.world/style/13473/pinkbin-windows-xp-aesthetic

pink windows xp aesthetic theme for kbin * this is a wip, but mostly finished \<3

8
0
https://userstyles.world/style/13511/rgbbin

customizable kbin color theme. use the panel with color options to select your colors. for better results, only change the horizontal color slider to change the HUE but keep the VALUE (darkness/brightness) the same so things are still balanced.

8
0
https://userstyles.world/style/13474/official-collection-checkmark-kbin

This userstyle adds checkmarks next to the names of official collections (i.e., collections that Ernest verifies and gives an official link). Right now, official collections aren't distinguished in any way, so I thought this would be a nice way of doing it! Download [here](https://userstyles.world/style/13474/official-collection-checkmark-kbin). This is part of my main userstyle, [idkbin](https://userstyles.world/style/10478/idkbin), but I thought this would be simple yet helpful enough to also be its own thing without all of the other stuff from idkbin. --- ### 1.0.0 ### * Official collections now have a checkmark next to their names. **1.0.1** * An oversight has been corrected that caused checkmarks to be missing in certain places.

7
3

Released [idkbin 1.3.1](https://userstyles.world/style/10478/idkbin)! 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](https://kbin.social/m/kbinStyles/t/63436). [#kbin](https://kbin.social/tag/kbin) [#kbinmeta](https://kbin.social/tag/kbinmeta) [#kbinstyles](https://kbin.social/tag/kbinstyles) [#kbinStyles](https://kbin.social/tag/kbinStyles)

2
1
https://greasyfork.org/en/scripts/479871-fix-kbin-code-blocks

Lemmy federates code blocks with additional \<span\> tags added in on each line which /kbin just treats as plaintext (it should really strip them out or treat them as tags, not plaintext). See [this comment for an example](https://kbin.social/m/programming@programming.dev/t/623282/Implementing-Tic-Tac-Toe-with-170mb-of-HTML-no-JS#entry-comment-3548103) This userscript for kbin.social tries to remove those tags and make Lemmy code blocks actually readable. Edit: Latest version supports infinite comments and turbo mode.

2
5
https://userstyles.world/style/10315/koolbin

* Cleaner look for KBin * Bigger images in "article" elements * Reddit like posts, and more colorful elements * Rounded corners everywhere. looks better with the ["kbin jasper"](https://userstyles.world/style/10313/kbin-jasper) color theme

5
4

Made another small update to [idkbin](https://kbin.social/m/kbinStyles/t/63436/)! 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. [\#kbinStyles](https://kbin.social/tag/kbinStyles)

2
0
https://github.com/ThakshilaDamsak/KraftBin

### Features ### * **Reddit-like Post Layout** (Can be disabled) * **Shadows and animations.** (Both can be disabled individually) * **Custom Corner Radius.** (Need to disable "Round Edges" option in Kbin settings for this to work) * **Ability to disable Federated Warnings.** * **Ability to hide Sidebar.** * **Ability to change Sidebar Size.** * **Ability to hide sidebar elements individually.** (Random Magazines, Active Users, Random Posts, Random Threads, Kbin Promotion) * **Ability to hide Scroll-to-top button.** * **Customizable Content Max Width.** * **Customizable Header Max Width.** [Appearance and settings.](https://user-images.githubusercontent.com/95128171/262917715-4cfe07cc-de52-4ec3-a69f-1dbaf426715e.png) [Screenshot](https://user-images.githubusercontent.com/95128171/258642204-69a3a4c6-48b5-4027-b343-1548d59528e2.png) [GitHub Repo](https://github.com/ThakshilaDamsak/KraftBin)

7
0
https://userstyles.world/style/11475/pretty-kbin-profiles

[video](https://imgur.com/Bfp5E7r) makes profiles on kbin prettier works on these instances: kbin.social, karab.in, fedia.io, kbin.cafe, feddit.online, artemis.camp, open-source.social tested on: chrome, firefox, opera

8
0
https://userstyles.world/style/11262/pretty-noti-panel

userstyle for noti panel by [@blobcat](https://kbin.social/u/blobcat). requires the most recent version of blobcat's script noti panel which can be found within KES. get KES: [https://github.com/aclist/kbin-kes](https://github.com/aclist/kbin-kes) it can be found under `Navbar > Add a notifications panel`

1
0

Is there a style that allows for pop out pictures and gifs without opening the actual post? I generally prefer just expanding images rather than opening up a link to see them. Lemmyworld and other instances seem to have that available. Anyone know if there's a way to do that with kbin? EDIT: I just couldn't see a button that wasn't part of a thumbnail, apparently.

1
1

A couple of weeks ago, [@shazbot](https://kbin.social/u/shazbot) made [this post](https://kbin.social/m/kbinStyles/t/75584/kbin-megamod-proposal-and-proof-of-concept-for-integrated-collection-of) about a project that they were working on. Since then, [@shazbot](https://kbin.social/u/shazbot), [@ori](https://sacredori.net/u/Ori), [@minnieo](https://kbin.social/u/minnieo) and I have been hard at work, and we are excited to finally announce the official release of [kbin Enhancement Suite](https://github.com/aclist/kbin-kes) (KES)! kbin has seen an explosion of user-made add-ons, but keeping track of them in one place, letting them share settings with one another, and toggling them on and off can be a challenge. KES is an expandable add-on manager that aims to rectify this by providing a unified interface and framework for script makers to collaborate, and letting you use them all in one place. KES brings together userscripts from the community, with a built-in settings menu that lets you tailor your experience to your liking. It also offers a flexible framework that empowers script authors to effortlessly integrate scripts into KES and set up custom input fields with no additional code. KES gives you a single window onto a collection of enhancements that is growing by the day. And those features can be added to by you! [The KES settings menu](https://raw.githubusercontent.com/artillect/kbin-megamod/add-screenshots/images/settings.png) [What the feed looks like with everything enabled](https://raw.githubusercontent.com/artillect/kbin-megamod/add-screenshots/images/threads.png) [The comments with everything turned on](https://raw.githubusercontent.com/artillect/kbin-megamod/add-screenshots/images/comments.png) Features ========== We’ve focused on making customizing your kbin experience as easy as possible, whether you are on mobile or desktop. After we sort out the bug reports from this release, we plan on adding many more features! Here’s what we have so far: * Collapsible comments with nesting (by [@artillect](https://kbin.social/u/artillect)) * Use slash commands to add emoticons in text areas (by [@minnieo](https://kbin.social/u/minnieo)) * Add syntax highlighting (with customizable themes) to code blocks (by [@ori](https://sacredori.net/u/Ori)) * Show instance names next to non-local users and communities (by [@artillect](https://kbin.social/u/artillect)) * Add a link to message users on your instance next to their usernames (by [@shazbot](https://kbin.social/u/shazbot)) * Hide upvote/downvote buttons and reputation (by [@artillect](https://kbin.social/u/artillect)) * Show more detailed timestamps on threads and comments (by [@shazbot](https://kbin.social/u/shazbot)) * Hide thumbnails on threads (by [@shazbot](https://kbin.social/u/shazbot)) * Add link to subscribed magazines to the navbar (by [@shazbot](https://kbin.social/u/shazbot)) * Replace or hide the kbin logo in the navbar (by [@shazbot](https://kbin.social/u/shazbot)) * Add “OP” label next to thread author’s username in comments (by [@shazbot](https://kbin.social/u/shazbot)) * Convert navigation links on profile pages into a dropdown (by [@shazbot](https://kbin.social/u/shazbot)) Each of these can be toggled in the settings menu, and some of them have additional configuration options, such as setting custom labels, colors, etc. New features are added on a rolling basis and the menu pages will update on the fly to reflect this new content. Installation ========== **[Click here to install KES](https://github.com/aclist/kbin-kes/raw/main/kes.user.js)**, and follow your userscript manager’s prompt to complete the installation. If you don’t have a userscript management extension, you can install one of these, and then install KES using the link above: * [TamperMonkey](https://www.tampermonkey.net/) (desktop, or Firefox on Android) * [Userscripts](https://apps.apple.com/us/app/userscripts/id1463298887) (iOS 15+) Once KES is successfully installed, access the settings menu by clicking on the wrench icon located at the top-right corner next to your username. From there, you can enable the features you like, and customize your browsing experience. More information ========== For bug reports and feature requests, visit our [GitHub repository’s issues page](https://github.com/aclist/kbin-kes/issues). If you have any questions or need assistance, don’t hesitate to ask here or make a post on [/m/enhancement](/m/enhancement)! Developers ========== If you are a userscript author, we’d love it if you could try porting your userscripts into KES, or try writing completely new ones for it! [@shazbot](https://kbin.social/u/shazbot) has made it easy to integrate your scripts: you just need to add your script’s information to `manifest.json`, make a few small modifications to your script, add it all to the GitHub repository, and you’re good to go! KES benefits: * Turnkey integration: a simple, declarative framework for dynamically adding features to the UI without touching the underlying code * Sharing of user-defined settings through script namespaces: access your script settings, and those from other scripts, through a well-defined object * Automatically responds to infinite scroll and page reload events * Attribution of script authors * Easily toggle scripts on/off Explore KES’s documentation [here](https://aclist.github.io/kes/kes.html#_developers) to get started. If you have any questions, feel free to reach out here, on [/m/enhancement](/m/enhancement), or at our [GitHub repository](https://github.com/aclist/kbin-kes).

3
0
https://www.quippd.com/writing/2023/07/10/the-narwhal-kbins-at-dawn-a-Reddit-userstyle-for-Kbin.html

TL;DR: I made a styled version of Reddit for Kbin instances for people participating in the reddit migration. Inspired mostly by Old Reddit, but it actually has a dark mode!

3
0

This feels like a stupid question, but there's plenty of techniques out there that more expert coders use that I don't know about. How do you preserve minor or major changes you may have made to a script made by someone else while still being able to update any new changes they have? Besides the obvious way of saving your changes somewhere and reinserting them.

1
0

Creating a new thread as I've moved instances and can no longer update the [old one](https://kbin.social/m/kbinStyles/t/109271). Sorry about that! kbin-mod-options ========== Description ---------- The purpose of this script is to allow mod authors to more easily implement settings and features. Only new feature notes will be included in this document. To view usage, please refer to the [README](https://github.com/Oricul/kbin-scripts/blob/main/README.md). Patch Notes ---------- * 0.1.0 - Initial Release * 0.2.0 - Breaking change. By default, settings will be collapsed as a drawer. * 0.2.2 - Compatibility fix for KUP (Kbin Usability Pack) 0.2.1+. * 0.2.3 - Style changes + animations. * 0.2.4 - Bug-fix for Kbin/kbin-core#666. * 0.3.0 - New feature: Observers! Observer ---------- This is for making infinite scroll support easier for mod creators and not an actual setting module. ``` kmoCreateObserver({<funcToCall: yourFunctionNameHere>[, nodeType: 'id'][, nodeToWatch: 'content'][, watchSubtree: false]}); ``` NOTE: You're passing an object here that allows for named arguments. Please review example closely. * funcToCall - required * nodeType - optional * nodeToWatch - optional * watchSubtree - optional #### Example #### ``` // Create observer for main content feed. cont myObserver = kmoCreateObserver({funcToCall: updateNewContent}); // Example function function updateNewContent() { // Do stuff here } // Stop observing, maybe your addon is toggled off? function shutdown() { myObserver.disconnect(); } ``` ``` // Maybe you want to watch perry.dev's subscription panel list const mySubObserver = kmoCreateObserver({funcToCall: subUpdate, nodeType: 'class', nodeToWatch: 'subscription-list'}); // Example function function subUpdate() { // Do stuff here } // Stop observering - doesn't have to be in a function, but it makes life easier. function shutdown() { mySubObserver.disconnect(); } ```

1
0

Introducing [kbin Feed Curator](https://openuserjs.org/scripts/fiofiofio/kbin_Feed_Curator)! An upgraded version of my 'Enough about Reddit already' script, it now allows you to add to your blacklist from kbin itself, instead of having to edit the script. [A screenshot showing the blacklist modal](https://i.imgur.com/bGPUhMa.png) Now also includes settings, thanks to [kbin-mod-options](https://kbin.social/m/kbinStyles/t/109271/kbin-mod-options-Mod-options-made-easy)! So far the settings are 1) a toggle to completely hide blocked posts instead of displaying a placeholder message and 2) the button to open the blacklist modal. [A screenshot showing the script settings](https://i.imgur.com/fzDLWIS.png) [A screenshot showing the blocked post placeholder](https://i.imgur.com/vYSWKiw.png) *Jul 16 2023* - version 0.2 - integrating changes from [@Ori](https://sacredori.net/u/Ori) and a bug fix for getting the magazine name when on a magazine page

3
0
https://greasyfork.org/en/scripts/469597-kbin-usability-pack

Time for a new feature update for KUP. This time I'm introducing bookmarking functionality which adds a new bookmark menu to the toolbar where you can save articles for later. Note that the bookmarks are saved locally on the device and is mainly designed as a way to keep a reading list rather than a permanent storage of articles. What is this? ---------- This is a collection of hacks, fixes, enhancements and experiments that I have been tinkering with since I've joined Kbin, neatly packaged into one behemoth of a userscript. Updates ---------- ### 0.4.0 ### #### Bookmarks #### Click on the new bookmark button in the footer underneath each article to save it to your bookmarks. A new button has been added to the toolbar which brings up a modal with all your stored bookmarks. Click on the checkmark next to the bookmark to remove it. #### Compatibility with other scripts #### The new bookmarks modal listens to the custom window event "hide-all-modals" for compatibility with other userscripts (like [Kbin Subscriptions Panel](https://kbin.social/m/kbinStyles/t/67961/Kbin-Subscriptions-Panel-2-6)). Dispatching that event will hide the bookmarks modal if it's open. ### 0.4.1 ### * Fixed undefined magazine name. ### 0.4.2 ### * Improved bookmarks mobile styling. * Moved bookmarks menu button to mobile menu for small devices. Tap the hamburger menu to access it. ### 0.4.3 ### * **Bookmarks** Mobile tweaks. * **Bookmarks** Resetting settings now also resets bookmarks. ### 0.4.4 ### * Fixed auto preview unnecessarily reloading. * Fixed compatibility with new version of Kbin where the KUP style settings panel has been ported to the core project. ### 0.4.5 ### Fixed numerous bugs related to recent changes in Kbin * Fixed broken bookmarks button * \**Alt UI* Fixed broken boost button Screenshots ---------- [Bookmark modal (0.4.0)](https://raw.githubusercontent.com/danielpervan/Kbin-Usability-Pack/5b0bea405bf379d02343cbf652297e7b3a95049e/docs/Screenshots/bookmarks1.png)

2
0
https://greasyfork.org/pl/scripts/470353-kbin-notifications-panel

Userscript that adds a notification panel to the navigation bar.

1
0

I've noticed that Kbin turns gray the title of the posts that I've already clicked, but it'd be nice if I could just hide the ones I already saw, keeping my "Hot" section always fresh with new content. Is there any script that can do this?

1
0
https://greasyfork.org/en/scripts/470155-kbin-remove-reputation

[I decided to make a script that would hide everyone's reputation so you can navigate Kbin unbiased.](https://greasyfork.org/en/scripts/470155-kbin-remove-reputation) This removes it from their profile and the profile popups upon hovering usernames. Sitewide removal. [gif](https://imgur.com/8fCNy4L) After some discussions about rep-farming and about the usefulness (or lack thereof?) and potentially harmful nature of something such as reputation/karma/whatever, I had this idea and wrote up this script. Hope some people like it! Lmk if there are any bugs, which probably lol

2
0

See title. It wouldn't surprise me if this already exists ofc :) I mostly want to be able to block annoying magazines without seeing all is contents (say for NSFW stuff that's not tagged as such)

1
0

[https://tanza.hubza.co.uk/kbinfamiliarity.png](https://tanza.hubza.co.uk/kbinfamiliarity.png) Hi! I joined kbin a few days ago, and found it hard to get used to the new UI, so I made a theme which replicates old Reddit as closely as I can! To install the theme, you first have to install the Stylus browser addon, then you can install the theme [here!](https://github.com/Tanza3D/kbin-familiarity-theme/raw/main/kbin-familiarity.user.css) I also highly recommend using the [Kbin Usability Pack](https://greasyfork.org/en/scripts/469597-kbin-usability-pack) as well, it adds alot of very helpful things! To be clear I didn't make this. I hope people find this theme helpful! Please report any bugs by just responding to this... article? or making an issue on the [github!](https://github.com/Tanza3D/kbin-familiarity-theme/issues/new)

1
0

I'm trying to move from Chrome to Duckduckgo browser, but I'm missing some extensions, among which is Tampermonkey. Does anyone have an idea how to get it to work? Thanks!

1
0
https://greasyfork.org/en/scripts/469597-kbin-usability-pack

I have now released a significant new update for KUP that introduces a new experimental mobile UI and adds support for the coming release of the Kbin platform. What is this? ---------- This is a collection of hacks, fixes, enhancements and experiments that I have been tinkering with since I've joined Kbin, neatly packaged into one behemoth of a userscript. Updates ---------- ### 0.3.0 ### #### Support for next version of Kbin. #### The next version of Kbin is upon us and is bringing a lot of new improvements. This release of KUP makes sure that everything will still be working smoothly when the next version launches. Note that there are some additional improvements and bug fixes related to the general layout included in this release, but will not be visible until the next version of Kbin launches. #### Experimental Mobile UI #### [Screenshot (new Kbin)](https://greasyfork.s3.us-east-2.amazonaws.com/vqrhg6qulsuwxamc4smc9sth0m0u) I have been working hard experimenting with a new mobile UI. Since this relies heavily on functionality in KUB, I've decided to include it into this release. It is disabled by default, but can be activated in the settings panel by toggling "Experimental Mobile UI". As the name suggests, this is heavily experimental, even more so than the rest, so be prepared for strange edge cases and weirdness, especially if you're using multiple scripts. The new UI includes a number of changes: * Replaced many of the small text elements with larger, more touch friendly icons. * Moved media preview to the top of the article and auto expands it. * Moved vote arrows to the right for easier reach. * Moved meta information and footer above the body of the article for easier access on long articles (touch the comment icon to jump directly to the comments) #### Other changes #### * I've fixed a few bugs related to iOS and Safari. ### 0.3.1 ### * **Alt. UI** Fixed layout issues related to compact mode. * **Alt. UI** Fixed layout issues related to future Kbin version. * **Alt. UI** Fixed layout issue when creating or editing article * **Preview** Fixed not respecting auto preview setting (only media). * **Preview** Added setting to enable auto article preview. ### 0.3.2 ### * **Alt. UI** Fixed boost icon missing active highlight. * Added fallback for compatibility issues with other scripts. * Improved notifications for common actions. * Added reset button to settings. * Preparation for potential future KUP API endpoints. ### 0.3.3 ### * Fixed repeated script initiation when using Greasemonkey. Please try it out and see if there's anything you like! I really appreciate any and all feedback. If any of these experiments turn out to be majorly liked, I might try to port it over and make a pull request to the main Kbin project later. ### 0.3.4 ### * Fixed broken hamburger menu in latest release of Kbin. (Enhancement is no longer needed) ### 0.3.5 ### * **Alt UI** Fixed thumbnail styling in compact mode ### 0.3.6 ### * Added fix for horizontal scroll issue on Mobile Safari. * Added option to toggle this off when the issue is eventually fixed in Kbin. ### Other projects ### If you haven't, feel free to also try out my other project, [Kbin Subscriptions Panel](https://kbin.social/m/kbinStyles/t/67961/Kbin-Subscriptions-Panel-2-2).

2
2

Hi all, I'm currently working on a script that shows a pop-up element of the sidebar subscribe/block button when hovering over the magazine links on the threads page. [Click here for the code](https://greasyfork.org/en/scripts/469657-magazine-pop-up): This was done with the help of chatgpt (which variably sucks) so if you want to make a variation of the code go for it! I think this feature would be great if it was implemented in the site itself similar to hovering over usernames. This way it makes it easy to subscribe and block magazines without having to click into the page itself. Feel free to point out any bugs and I will try and suss it out. \*\*EDIT: If you are using Violentmonkey and are having issues when clicking subscribe or block, try and use Tampermonkey or a different script add-on. There are some discrepancies on my end with firefox and VM and I'm not completely sure why error codes are thrown. I have read that there have been similar issues before with VM and Firefox due to Firefox CSP issues. ### v1.6 ### Updated it to hide faster once finished interacting with the popup. ### v1.7 ### added boxshadow ### v1.8 ### performance improvement Make sure to activate "Check for updates" if it isn't already activated.

1
0

Update: [Version 0.7.7](https://greasyfork.org/en/scripts/469492-kbin-easy-emoticon) of Kbin Easy Emoticon enables you to bring up a panel that lists all the commands and their emoticons right there in your current tab. It is much more intuitive and convenient than having to look at the google doc I made. Hope you guys like this update! ❤︎ [See it in action](https://imgur.com/O7O4JGW)

1
0