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

Fix the pagination #25

Open
harshil1712 opened this issue Jan 24, 2021 · 1 comment
Open

Fix the pagination #25

harshil1712 opened this issue Jan 24, 2021 · 1 comment

Comments

@harshil1712
Copy link
Collaborator

Describe the bug
The pagination at the bottom of the page doesn't look good. On a small screen, they don't render correctly and create an issue with the responsive design.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '/'
  2. Scroll down to the bottom
  3. You will observe 1 to 18-page numbers displayed. Open it in a responsive window.

Expected behavior
There should be a limited number of page numbers shown at the bottom. There should be a next and previous button that he's the user navigate to different pages, shrinking the current list of page numbers.

Screenshots

This is how it looks on a desktop
Screenshot 2021-01-24 at 8 41 02 AM

This is how it looks on a smaller screen
Screenshot 2021-01-24 at 8 58 55 AM

@imox2
Copy link
Contributor

imox2 commented Jan 25, 2021

@harshil1712 What if instead of showing next/prev now we just wrap it. So that It uses the available space.

Screenshot 2021-01-26 at 1 13 24 AM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants