this post was submitted on 01 Jul 2023
124 points (100.0% liked)

Kbin Userstyles and Userscripts

15 readers
1 users here now

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

founded 1 year ago
 

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)

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.

you are viewing a single comment's thread
view the rest of the comments
[โ€“] [email protected] 3 points 1 year ago* (last edited 1 year ago) (1 children)

There are a few alternatives, but I'm personally using an extension called Userscripts.

Essentially, you install it from the app store, launch it, and then choose a folder in the Files app where you will store the scripts. Any folder will do, but I think a good idea is to choose a folder in e.g. iCloud so that it's easier to manage from a computer if needed.

After that is set up, you need to go to the Greasy fork link and click install. You will probably just be presented a bunch of code now. After carefully reading through the ~1600 lines of code (kidding, somewhat) you can tap on the extension settings on the left in the toolbar (the puzzle piece icon) and tap on "Userscripts". Sometimes, the toolbar button defaults to opening the reader for some benign reason, whereas you need to tap it again to get to the menu.

You might be prompted to give access to reading the website, and after all that is done there should be a button saying something like "Userscript detected, tap to install". Tap it, follow the on-screen instructions and you should be good to go.

In the future, the script should update automatically by tapping on the puzzle icon again -> Userscripts -> tap on the cloud with a downwards arrow. You might need to be on kbin.socal to do that; I'm not entirely sure, to be honest.

[โ€“] [email protected] 1 points 1 year ago

That seems to have done it, thank you so much! I got sorta close, but never would have figured it out from there.