Spyke
kbinStyles·Kbin Userstyles and Userscriptsbyminnieo

Kbin Better Page Navigation. It makes the navigation page numbers much easier 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

https://userstyles.world/style/10610/kbin-better-page-navigationOpen linkView original on kbin.social
127
Comments37
iAmTheTot
kbin.social

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

12
minnieoreply
kbin.social

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

1
CoderKat
kbin.social

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.

2
minnieoreply
kbin.social

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

2
CoderKatreply
kbin.social

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).

1
awolreply
kbin.social

I get this issue too. I'm using kbin as a PWA through Firefox on android.

1
minnieoreply
kbin.social

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̶

3
corytheboyd
kbin.social

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.

1
minnieoreply
kbin.social

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

1
sdothum
kbin.social

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).

1
distant_white
fedia.io

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

1

You reached the end

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