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] 1 points 1 year ago* (last edited 1 year ago) (1 children)

I don't mean for this to become a support thread, but I've installed tampermonkey on fennec and enabled the usability pack but still seeing the same layout (confirmed running in the tampermonkey options), anything else I need to do?

Edit: I was wrong, it definitely looks different but not like in the screenshot. Plus images seem to be disabled so will play around with it some more.

[–] [email protected] 2 points 1 year ago* (last edited 1 year ago) (1 children)

Note that there are some minor differences in the screenshot taken from the test server and what is currently live.

Most of the development has been made with the coming Kbin version in mind and then ported back to the current version. As soon as the new version is released, the script should switch over to the new styling shown in the screenshot.

For comparison, here is how it's supposed to look like in the current version.

[–] [email protected] 1 points 1 year ago

Figured it out. I had to turn on 'show thumbnails' and a few settings under 'kbin usability pack' (settings compatibility mode and possibly experimental UI). I had thumbnails off and previews on to mimic the full card layout of Infinity for reddit.

Thanks for your work!