-
Notifications
You must be signed in to change notification settings - Fork 76
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
feat(carousel): Improve support for high item counts #10315
feat(carousel): Improve support for high item counts #10315
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Code looks good @macandcheese. Just a couple things.
packages/calcite-components/src/components/carousel/carousel.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Aside from some comments, this LGTM! ✨🎠✨
packages/calcite-components/src/components/carousel/carousel.e2e.ts
Outdated
Show resolved
Hide resolved
packages/calcite-components/src/components/carousel/carousel.tsx
Outdated
Show resolved
Hide resolved
packages/calcite-components/src/components/carousel/carousel.tsx
Outdated
Show resolved
Hide resolved
packages/calcite-components/src/components/carousel/carousel.tsx
Outdated
Show resolved
Hide resolved
packages/calcite-components/src/components/carousel/carousel.tsx
Outdated
Show resolved
Hide resolved
packages/calcite-components/src/components/carousel/carousel.tsx
Outdated
Show resolved
Hide resolved
packages/calcite-components/src/components/carousel/carousel.tsx
Outdated
Show resolved
Hide resolved
packages/calcite-components/src/components/carousel/resources.ts
Outdated
Show resolved
Hide resolved
packages/calcite-components/src/components/carousel/carousel.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
* origin/dev: fix(shell): fix z-index of slotted popover elements (#10325) fix(dialog): only prevent default on escape key when escapeDisabled is true (#10336) chore: release next feat(carousel): Improve support for high item counts (#10315) feat: add content inline right (#10338) fix: correct non-standard filled icon names (#10309) fix(panel): initially closed panel should be hidden (#10308) chore(linting): automate tracking of custom Sass functions for stylelint (#10313) chore: tidy up demo pages (#10314)
Related Issue: #9121
Adds support for better display of high Carousel Item counts by automatically adjusting the number shown as container width changes.
Screen.Recording.2024-09-14.at.5.48.32.PM.mov
Summary
This follows the pattern found in Pagination, as the behavior is quite similar, but there are a few differences in Carousel to support the "rotation effect" of the "dots".