cityofaustin / cityofaustin/techstack

Pagination: enhancements for long lists

Open
#4,794 2 comments 0 reactions 2 assignees Claimed by @toribr View on GitHub
Design System Feature: pagination Team: Design
Dominant language
No language data
Stars
11
Forks
3
PR merge metrics
No merged PRs in 30d

Description

## The ask
We have a lot of official documents now, so let's take a look and see how requirements might need to be updated to improve navigation across large lists.

## Notes from V1
### References from V1
- https://dribbble.com/shots/2351417-What-s-your-fav-pagination/attachments/449743
- https://codepen.io/allicarn/pen/jPowab

### Requirements
- Move stepwise between pages of results
- Ability to see multiple pages in a sequence to enable jumping >1 page away (this might be a place to change the criteria)
- Ability to see that there are more pages in the list by utilizing ellipsis `...`(this might be a place to change the criteria)
- See that there are more pages ahead (current page) < 1, 2, 3, ... >
- See that there are pages behind (current page) < ... 4, 5, 6 >
- See that there are pages ahead and behind of current page < ... 4, 5, 6, ... >
- On mobile, ellipsis are interactive, and function like forward/back buttons
- Work well on iPhone 5/SE, that has a max display width of 320px wide

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.