stashapp / stash

An organizer for your porn, written in Go. Documentation: https://docs.stashapp.cc
https://stashapp.cc/
GNU Affero General Public License v3.0
8.45k stars 751 forks source link

Make pagination more compact #4882

Closed WithoutPants closed 3 weeks ago

WithoutPants commented 1 month ago

Lifted from #4453. Makes the pagination control more compact while attempting to maintain its existing functionality.

Shows the current and total page count, with buttons to go to the next, previous, first and last pages.

image

Includes a dropdown control to the right of the count number that gives a selection of pages around the current page:

image

Clicking on the count values show a dialog to enter a page number:

image

(Note: the colour and border-radii of the page count control in the above two screenshots are outdated, and I didn't want to redo them)

For reference, this is the existing pagination control:

image

and on mobile:

image

To summarise the difference in functionality: