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.

Sign up for GitHub

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

Jump to bottom

[Pagination] page items to populate entire component width #8420

Open
1 of 6 tasks
SkyeSeitz opened this issue Dec 13, 2023 · 1 comment
Open
1 of 6 tasks

[Pagination] page items to populate entire component width #8420

SkyeSeitz opened this issue Dec 13, 2023 · 1 comment
Labels
0 - new New issues that need assignment. design Issues that need design consultation prior to development. enhancement Issues tied to a new feature or request. needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. p - low Issue is non core or affecting less that 10% of people using the library ready for dev Issues ready for development implementation.

Comments

@SkyeSeitz
Copy link

Check existing issues

Description

Currently Pagination defaults to left aligned and prescribes a set number of page items at each breakpoint.

We can explore displaying as many "pages" as possible as seen in the Figma demo below, where the content is centered in the width and "pages" are added once there is enough space for the width of the next page item.

https://www.figma.com/proto/iCQBMp5Q5zlSfyE9NxkdO7/Pagination---responsive?page-id=1%3A2&type=design&node-id=537-8761&viewport=-4219%2C-829%2C0.54&t=qiNM5mxZUawgnbnd-1&scaling=min-zoom&mode=design

Acceptance Criteria

Pagination is centered by default
Padding and min-widths of page items stay the same
Component width fill its container and populates as many page items as it can fit

Relevant Info

No response

Which Component

Pagination

Example Use Case

No response

Priority impact

p4 - not time sensitive

Calcite package

  • @esri/calcite-components
  • @esri/calcite-components-angular
  • @esri/calcite-components-react
  • @esri/calcite-design-tokens
  • @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)
@SkyeSeitz SkyeSeitz added enhancement Issues tied to a new feature or request. 0 - new New issues that need assignment. needs triage Planning workflow - pending design/dev review. labels Dec 13, 2023
@github-actions github-actions bot added impact - p3 - not time sensitive User set priority impact status of p3 - not time sensitive Calcite (design) Issues logged by Calcite designers. labels Dec 13, 2023
@SkyeSeitz SkyeSeitz added ready for dev Issues ready for development implementation. and removed Calcite (design) Issues logged by Calcite designers. impact - p3 - not time sensitive User set priority impact status of p3 - not time sensitive labels Dec 13, 2023
@github-actions github-actions bot added the needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. label Dec 13, 2023
@github-actions GitHub Actions
Copy link
Contributor

cc @geospatialem, @brittneytewks

@SkyeSeitz SkyeSeitz added design Issues that need design consultation prior to development. and removed needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. labels Dec 13, 2023
@SkyeSeitz SkyeSeitz mentioned this issue Dec 13, 2023
Closed
6 tasks
@brittneytewks brittneytewks added needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. p - low Issue is non core or affecting less that 10% of people using the library and removed needs triage Planning workflow - pending design/dev review. labels Dec 14, 2023
@geospatialem geospatialem added this to the 2024-04-24 - Apr Release milestone Jan 10, 2024
@geospatialem geospatialem removed the needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. label Jan 10, 2024
@geospatialem geospatialem mentioned this issue Mar 19, 2024
Open
6 tasks
@brittneytewks brittneytewks added the needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. label Mar 25, 2024
@brittneytewks brittneytewks removed this from the 2024-04-30 - Apr Release milestone Mar 25, 2024
@geospatialem geospatialem removed the needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. label Apr 3, 2024
@geospatialem geospatialem added the needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. label Feb 24, 2025
@brittneytewks brittneytewks removed this from the Dev Backlog milestone Feb 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
0 - new New issues that need assignment. design Issues that need design consultation prior to development. enhancement Issues tied to a new feature or request. needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. p - low Issue is non core or affecting less that 10% of people using the library ready for dev Issues ready for development implementation.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@geospatialem @SkyeSeitz @brittneytewks