Kbin Usability Pack 0.3.6 - Mobile UI and compatibility with next Kbin version
Kbin Usability Pack 0.3.6 - Mobile UI and compatibility with next Kbin version
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
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're viewing a single thread.
@perry amazing work. thanks a lot!
one thing: at least for me it seems that "Auto Media Preview" doesn't work? i always have to push the little "Picture" button to have the picture visible. i don't mean "Show Thumbnail" that works. Do I miss anything? 🙈
No, you're right, that doesn't work right now. It's on my list to fix, so hopefully I'll get something out the coming week or so.
Related to those buttons - for a bit now I've been noticing an addition "button" created when I go in to read comments and then return to the list of feeds. It's a smaller circle to the left of the text button, and links to that same function. I included an image I just took. Perhaps you know about this as well, although I didn't see any mention, and I did try the upgrade to 3.2 from 3.0 just in case that was the problem (why doesn't it autoupdate like it's set, btw?).
Interesting, what browser are you using? It looks like it's recreating the preview button for some reason, but I can't seem to be able to reproduce it in neither Chrome, Firefox, nor Safari. I can try to add an additional consistency check before adding the button and see if that fixes things, but it would of course be a lot easier if I could actually verify it myself.
Just so that I understand the whole flow, is this the interaction where the bug appears (with mobile UI off):
www.kbin.social/ -> Click on article -> Click on browser back button -> An additional button has appeared.
Using Firefox, latest Windows version. I could test the Ubuntu in a bit.
So starting from a new home page, I can click on a comment link, then use the back arrow to go back. Each time I do this, a new circle is created, so I can literally have two, three, or more circles there if I went back and forth. It's something to do I guess with a refreshing of the button but there's already one present?
Super weird. Which extension are you using? I've only tested it with Tampermonkey (and Userscripts on iOS) so maybe that's where the issue is?
Edit: Aha! It's indeed a bug with unique to Greasemonkey for some reason. Not exactly sure what is causing it, but at least I can reproduce it now.
I think this should be fixed now in 0.3.3.
I can report that I don't seem to be able to make it occur with 3.3, so I'll call it fixed. Thanks. :)
Can confirm, Firefox on Ubuntu also does the same thing. Oddly, it's not happy with running Greasemonkey, says its disabled, yet I could force install the extension fine. I've recently installed Ubuntu, so haven't gotten everything synced up yet. But that's beside the main point.