Skip Navigation
raltsm4k raltsm4k @kbin.social
Posts 2
Comments 18
Floating Subs List - a collapsible subscriptions panel with search, sorting, and magazine pinning
  • @Crayon8027
    Pushed an update that fixes this - though I plan to add a settings menu soon that would let you choose to have it floating or scroll with the page, among other things.

  • Floating Subs List - a collapsible subscriptions panel with search, sorting, and magazine pinning
  • Added a cache feature in the latest version, hope it helps :)

  • Floating Subs List - a collapsible subscriptions panel with search, sorting, and magazine pinning
  • That'd be appreciated! I actually just finished coding a search feature a few minutes ago but the other changes I'd be happy to implement.

  • Floating Subs List - a collapsible subscriptions panel with search, sorting, and magazine pinning
  • Weird, that doesn't happen on my end, would you mind sharing your browser and any other styles/scripts you're running?
    edit: Oh, it looks like you're using the other subscription panel script that was posted - mine is the one linked from this post.

  • Mockup: I'm a fan of having all my favorite subs/magazines to access on a glance.
  • Huh, are you running version 0.2 of the script? I pushed the sorting update not too long ago and I don't currently have it configured to auto-update. If you are up to date, would you mind telling me your browser and which monkey extension you're using?

  • Floating Subs List - a collapsible subscriptions panel with search, sorting, and magazine pinning
  • I just pushed an update that lets you switch between date and alphabetical sorting :)

  • Floating Subs List - a collapsible subscriptions panel with search, sorting, and magazine pinning

    greasyfork.org Floating Subs List

    Adds a floating list of subscribed magazines to the left of the page

    https://i.imgur.com/va0ph9d.png

    Changelog ----------

    0.8

    • Made cache and pinned subs user-dependent for those with multiple accounts
    • Made subscription list scraping a little more robust
    • Added loading and error indicators

    0.7

    • Added a button to manually refresh the cache
    • Made alphabetical sorting default

    0.6

    0.5

    • Pins! Hover over a magazine and click the pin icon to make it always appear in a special section at the top of the list.
    • Panel now scrolls with the view even if sticky navbar is off

    0.4

    • Now uses cache for faster loading, refreshes every 5 minutes or when you sub/unsub from a magazine
    • Added button to collapse the subscription pane
    • Fixed bug where only the first page of subscriptions would be read

    0.3

    • Added filter by name

    0.2

    • Added buttons to sort by date (default) or alphabetically
    46
    Mockup: I'm a fan of having all my favorite subs/magazines to access on a glance.
  • Made a script that does it, here's a link if anyone's interested: https://greasyfork.org/en/scripts/469121-floating-subs-list
    Note that it'll only work on screens wider than 1136px.

    https://i.imgur.com/4skgYVk.png

  • kbin enhancement script: Userscript to collapse comments and add domains to names
  • The script adds toggles for both features under the settings area so you can just toggle off comment collapsing if you already have a script that does that.

  • I'm working on kleanbin, a "quality of life" theme that makes the kbin experience visually cleaner and clearer.

    userstyles.world kleanbin by raltsm4k

    Makes the kbin browsing experience visually cleaner and clearer.

    While browsing the site these past few days I noticed that some important-seeming elements like the pinned post indicator, post type indicators, and so on often seemed to get lost in the rest of the page. I made this style mostly for myself to fix those issues and a handful of other design gripes I had, but I thought I'd share it in case others would be interested as well.

    Here are some before and afters: https://imgur.com/a/XFG6rvE

    A full list of what it changes is on the userstyle page under the notes section. It should be fully compatible with kbin-it, koolbin, and hopefully most other themes that get made later down the line. Enjoy, and please leave feedback if you have any!

    4
    Customizing magazines with CSS and JS
  • Not sure about JS, but from some cursory experimentation there don't seem to be any limitations on what can be done with the custom CSS. It seems to just load whatever CSS code you put there into a style block at the top of the finalized page source, so anything goes really. I wouldn't be surprised to see limitations on this in the future since this could obviously lead to some annoyances from making the entire page invisible to overlaying a seizure gif onto everything.

    As far as documentation I don't know of anything official, but /m/kbinStyles seems like your best bet for asking questions, alongside using inspect element to identify the elements you want to style while consulting a CSS reference like w3schools. Also iirc, browser extensions like Stylus let you create custom themes for sites while previewing them on the fly which would be pretty helpful here. As long as you're not trying to do anything crazy complex you could probably learn what you need to style a magazine in an afternoon!

  • How do I add a background image (from a url) to my new magazine?
  • /m/kbinStyles seems like what you'd want, it's not super populated but I'm sure there's some knowledgeable people who could help you out. If you don't find help there you can also feel free to message me since I have some CSS knowledge.

  • How do I add a background image (from a url) to my new magazine?
  • My bad, you need to remove the quotes from around the URL, it doesn't like those for some reason. So it'll be url(https://imgur.com/9Ns6RVS.png)

  • How do I add a background image (from a url) to my new magazine?
  • No worries, you need to include the pound sign before middle. So
    #middle { background-image: url('https://imgur.com/9Ns6RVS.png'); background-repeat: no-repeat; background-size: cover; }
    should work.

  • How do I add a background image (from a url) to my new magazine?
  • Figured it out, you need to target #middle instead of body for the background to appear :)

  • for the Reddit refugees, do you also feel a bit heartbroken?
  • Hopefully it'll be changed but for the time being you can fix this with a few lines of code in Tampermonkey.
    Posted a userscript for those interested: https://greasyfork.org/en/scripts/468426-kbin-comment-reorder

  • for the Reddit refugees, do you also feel a bit heartbroken?
  • Hopefully it'll be changed but for the time being you can fix this with a few lines of code in Tampermonkey.
    Posted a userscript for those interested: https://greasyfork.org/en/scripts/468426-kbin-comment-reorder