Beehaw
  • Communities
  • Create Post
  • search
    Search
  • Login
  • Sign Up
minnieo ( minnieo@kbin.social )  to Kbin Userstyles and Userscripts@kbin.social ·
edit-2
3 年前

Kbin Better Page Navigation. It makes the navigation page numbers much easier to read.

userstyles.world

external-link
message-square
35
link
fedilink
101
external-link

Kbin Better Page Navigation. It makes the navigation page numbers much easier to read.

userstyles.world

minnieo ( minnieo@kbin.social )  to Kbin Userstyles and Userscripts@kbin.social ·
edit-2
3 年前
message-square
35
link
fedilink
Kbin Better Page Navigation by minnieo
userstyles.world
external-link
Make Kbins navigation bar at the bottom of posts more clear and easy to read.

BEFORE AND AFTER
This userstyle makes Kbins navigation bar at the bottom of posts more clear and easy to read.

works for ALL themes, just change the color as you please

I literally couldn’t tell what page I was on before. Nothing fancy, super simple CSS, but effective! Hope at least some people find this helpful!

#kbinstyles #css

alert-triangle
You must log in or register to comment.
  • iAmTheTot ( iAmTheTot@kbin.social ) 
    link
    fedilink
    arrow-up
    7
    ·
    3 年前

    What I’d really love is for clicking on notifications to take me to the actual page the comment is on.

    • minnieo ( minnieo@kbin.social ) OP
      link
      fedilink
      arrow-up
      2
      ·
      edit-2
      3 年前

      me too 👀

  • Cyzaine ( Cyzaine@kbin.social ) 
    link
    fedilink
    arrow-up
    6
    ·
    3 年前

    oh thats QUITE the improvement! Thanks alot.

    • minnieo ( minnieo@kbin.social ) OP
      link
      fedilink
      arrow-up
      4
      ·
      3 年前

      glad you think so ╰(´꒳`)╯

  • bobfinger ( bobfinger@kbin.social ) 
    link
    fedilink
    arrow-up
    3
    ·
    3 年前

    Such a simple but needed fix. Ty!

    • minnieo ( minnieo@kbin.social ) OP
      link
      fedilink
      arrow-up
      1
      ·
      3 年前

      youre very welcome c:

  • -- ( --@kbin.social ) 
    link
    fedilink
    arrow-up
    3
    ·
    3 年前

    Thank you 🙏

    • minnieo ( minnieo@kbin.social ) OP
      link
      fedilink
      arrow-up
      1
      ·
      3 年前

      np! (⸝⸝⸝• ω •⸝⸝⸝) ♡

  • NumbersCanBeFun ( NumbersCanBeFun@kbin.social ) 
    link
    fedilink
    arrow-up
    3
    ·
    3 年前

    deleted by creator

    • minnieo ( minnieo@kbin.social ) OP
      link
      fedilink
      arrow-up
      1
      ·
      3 年前

      omg this comment is so sweet, thank you so much! im really happy that you find my stuff useful and fun. (⸝⸝⸝• ω •⸝⸝⸝) ♡

  • ch1cken ( ch1cken@kbin.social ) 
    link
    fedilink
    arrow-up
    1
    ·
    edit-2
    3 年前

    deleted by creator

  • distant_white ( distant_white@fedia.io ) deleted by creator
    link
    fedilink
    arrow-up
    1
    ·
    3 年前

    This definitely comes in handy! Thanks a lot, also for the other stuff, it’s pretty neat.

    • minnieo ( minnieo@kbin.social ) OP
      link
      fedilink
      arrow-up
      1
      ·
      3 年前

      thanks :)

  • CoderKat ( CoderKat@kbin.social ) 
    link
    fedilink
    arrow-up
    1
    ·
    3 年前

    We also need some way to keep it from getting so wide on narrow displays. On my phone, once you’re a few pages in, the next page arrow is all the way on the edge of the screen. Multiple times I’ve gone to the very last page cause it’s hard to click the next page arrow. Not even sure what the use case is to go to the last page.

    • minnieo ( minnieo@kbin.social ) OP
      link
      fedilink
      arrow-up
      1
      ·
      3 年前

      can you take a screenshot of what youre seeing? i only use kbin on desktop lol

      • CoderKat ( CoderKat@kbin.social ) 
        link
        fedilink
        arrow-up
        1
        ·
        3 年前

        Here’s a screenshot showing page 10. The pagination displays so many page numbers in this case that the arrows are completely off screen (lower page numbers will have them getting closer to the edge).

        • minnieo ( minnieo@kbin.social ) OP
          link
          fedilink
          arrow-up
          1
          ·
          3 年前

          thanks for the sc! ill see what i can do 👀

  • H2SO4 ( H2SO4@kbin.social ) 
    link
    fedilink
    arrow-up
    1
    ·
    3 年前

    Looks awesome! The current page is invisible if you’re using a light theme though:
    KBin light theme

    • minnieo ( minnieo@kbin.social ) OP
      link
      fedilink
      arrow-up
      4
      ·
      3 年前

      edit: i forgot that i made it customizable so you can change the color as you please!

      a̶h̶ ̶c̶r̶a̶p̶ ̶i̶ ̶d̶i̶d̶n̶t̶ ̶e̶v̶e̶n̶ ̶t̶a̶k̶e̶ ̶l̶i̶g̶h̶t̶ ̶t̶h̶e̶m̶e̶ ̶i̶n̶t̶o̶ ̶a̶c̶c̶o̶u̶n̶t̶,̶ ̶t̶h̶a̶n̶k̶s̶ ̶f̶o̶r̶ ̶r̶e̶m̶i̶n̶d̶i̶n̶g̶ ̶m̶e̶.̶ ̶i̶l̶l̶ ̶s̶o̶r̶t̶ ̶i̶t̶ ̶a̶n̶d̶ ̶u̶p̶d̶a̶t̶e̶ ̶t̶o̶d̶a̶y̶

  • corytheboyd ( corytheboyd@kbin.social ) 
    link
    fedilink
    arrow-up
    1
    ·
    3 年前

    Agree that the contrast is wrong, but I think the active page button should be muted, since it’s the only one clicking on makes no sense. Your example, but inverted.

    • minnieo ( minnieo@kbin.social ) OP
      link
      fedilink
      arrow-up
      1
      ·
      3 年前

      it’s 100% customizable, if you wanna change it, then feel free to change it C:

  • sdothum ( sdothum@kbin.social ) 
    link
    fedilink
    arrow-up
    1
    ·
    edit-2
    3 年前

    Not sure how easy this would be, but perhaps change this to a js userscript and…

    1. expanded it to use the theme vars to set the highlighting (so it can work with both dark and light themes).

    2. add to GreasyFork and name script accordingly e.g. “Kbin Better Page Navigation.js”

    (i am admittedly not very knowledgeable when it comes to userstyles vs userscripts).

    EDIT:
    i went ahead and created a “userscript” based on your “userstyle” which uses the kbin’s theme vars to work with whatever theme is in use (only tested with the 5 current kbin color themes).

  • sdothum ( sdothum@kbin.social ) 
    link
    fedilink
    arrow-up
    1
    ·
    3 年前

    deleted by creator

Kbin Userstyles and Userscripts@kbin.social

kbinStyles@kbin.social

Subscribe from Remote Instance

Create a post
You are not logged in. However you can subscribe from another Fediverse account, for example Lemmy or Mastodon. To do this, paste the following into the search field of your instance: !kbinStyles@kbin.social

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

  • Tampermonkey - FireMonkey (Firefox only) - Violentmonkey ### Stylesheet managers
  • Stylus (chrome/edge, firefox) - Cascadea (safari only)
Visibility: Public
globe

This community can be federated to other instances and be posted/commented in by their users.

  • 1 user / day
  • 1 user / week
  • 1 user / month
  • 1 user / 6 months
  • 4 local subscribers
  • 4 subscribers
  • 97 Posts
  • 606 Comments
  • Modlog
  • mods:
  • BE: 0.19.21
  • Modlog
  • Legal
  • Instances
  • Docs
  • Code