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

[TP/Pagination improvement] Adaptive Pagination: Display more page links when sufficient width is available #966

Open
ericbolikowski opened this issue Sep 4, 2024 · 0 comments
Labels
Area/frontend [react] in the client side application

Comments

@ericbolikowski
Copy link
Contributor

ericbolikowski commented Sep 4, 2024

Context/background

The TL;DR: out of the 80+ paginated Browse Jobseeker pages, only a few page links appear in pagination navigation, in spite of available horizontal whitespace. Implement a "show more page links when width is large enough" logic.

The below discussion took place in a related PR.

Would you be interested in (and have time for) rendering a variable number of pagination items based on container width? There's containerElement.offsetWidth tells you how much horizontal space is available in the element containing the pagination element, and if you know how many pixels each item takes up, you can with a bit of simple math figure out how many elements should be rendered.

Originally posted by @ericbolikowski in #915 (comment)

What needs to be done?

TBD later

@ericbolikowski ericbolikowski added the Area/frontend [react] in the client side application label Sep 4, 2024
@ericbolikowski ericbolikowski moved this from Backlog to Ready for Execution in TP: ReDI Talent Pool Sep 4, 2024
@ericbolikowski ericbolikowski changed the title [TP/Pagination improvement] Implement [TP/Pagination improvement] Adaptive Pagination: Display more page links when sufficient width is available Sep 4, 2024
@astkhikatredi astkhikatredi moved this from Ready for Execution to Backlog in TP: ReDI Talent Pool Sep 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area/frontend [react] in the client side application
Projects
Status: Backlog
Development

No branches or pull requests

1 participant