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

[Breakpoints] Events pagination - 320 & 481 breakpoints #18101

Open
4 tasks
laflannery opened this issue May 10, 2024 · 0 comments
Open
4 tasks

[Breakpoints] Events pagination - 320 & 481 breakpoints #18101

laflannery opened this issue May 10, 2024 · 0 comments
Labels
accessibility Issues related to accessibility Events product maintained by Public Websites team Public Websites Scrum team in the Sitewide crew Sprint 5 VA.gov frontend CMS team practice area

Comments

@laflannery
Copy link
Contributor

laflannery commented May 10, 2024

Description

At the smaller breakpoints, the pagination component has some display issues:

  1. at 320, you can't see the beginning or ending pages. I was on Washington DC past events and this has 11 pages:
    Screenshot 2024-05-10 at 2 33 17 PM
  2. at 418, you can see all the pages but the page 1 and page 11 elements are getting slightly cut off:
    Screenshot 2024-05-10 at 2 34 37 PM

Other examples

I was struggling to find examples with enough pages but I did find 2:

  1. Global search results: However maybe the entire layout of the page is different which is why it works and this is actually a DST component issue not an us issue
    image
  2. Washington DC Stories: This does cut off but not as badly as the original example above
    image

Acceptance Criteria

  • Pagination should display all pages at all breakpoints
  • Paging elements should not be cut off in any breakpoints
  • Requires design review
  • Requires accessibility review
@laflannery laflannery added Needs refining Issue status VA.gov frontend CMS team practice area Public Websites Scrum team in the Sitewide crew accessibility Issues related to accessibility Events product maintained by Public Websites team labels May 10, 2024
@FranECross FranECross changed the title Events pagination - 320 & 481 breakpoints [Breakpoints] Events pagination - 320 & 481 breakpoints May 13, 2024
@FranECross FranECross added Sprint 5 and removed Needs refining Issue status labels May 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Issues related to accessibility Events product maintained by Public Websites team Public Websites Scrum team in the Sitewide crew Sprint 5 VA.gov frontend CMS team practice area
Projects
None yet
Development

No branches or pull requests

2 participants