Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make pagination more compact #4882

Merged
merged 4 commits into from
Jun 11, 2024
Merged

Conversation

WithoutPants
Copy link
Collaborator

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:

  • adds the ability to enter a page via text input
  • removes the ability to skip multiple pages in a single click - this now requires clicking the dropdown, then the desired page
  • adds the ability to see the total number of pages

@WithoutPants WithoutPants added the improvement Something needed tweaking. label May 26, 2024
@WithoutPants WithoutPants added this to the Version 0.27.0 milestone Jun 3, 2024
@WithoutPants WithoutPants merged commit 621e890 into stashapp:develop Jun 11, 2024
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
improvement Something needed tweaking.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant