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

fix: Added 1rem padding to pagination nav stories #18049

Open
wants to merge 10 commits into
base: main
Choose a base branch
from

Conversation

guidari
Copy link
Contributor

@guidari guidari commented Nov 12, 2024

Added a 1rem padding to make the stories look better on small screens
Added a switch case to check what is the PaginationNav size to set the number of pages to fit hte screen

Testing / Reviewing

  • Change the storybook viewport to test.

@guidari guidari requested a review from a team as a code owner November 12, 2024 14:02
Copy link

netlify bot commented Nov 12, 2024

Deploy Preview for v11-carbon-web-components ready!

Name Link
🔨 Latest commit c73c5ff
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-web-components/deploys/67350620bd2098000816118e
😎 Deploy Preview https://deploy-preview-18049--v11-carbon-web-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@guidari guidari requested a review from thyhmdo November 12, 2024 14:02
Copy link

netlify bot commented Nov 12, 2024

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit c73c5ff
🔍 Latest deploy log https://app.netlify.com/sites/carbon-elements/deploys/67350620df344c00086175c7
😎 Deploy Preview https://deploy-preview-18049--carbon-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Nov 12, 2024

Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit c73c5ff
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-react/deploys/673506204450870008c083ba
😎 Deploy Preview https://deploy-preview-18049--v11-carbon-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

codecov bot commented Nov 12, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 82.16%. Comparing base (ad23c63) to head (c73c5ff).

Additional details and impacted files
@@            Coverage Diff             @@
##             main   #18049      +/-   ##
==========================================
+ Coverage   82.14%   82.16%   +0.01%     
==========================================
  Files         404      404              
  Lines       14117    14127      +10     
  Branches     4434     4389      -45     
==========================================
+ Hits        11597    11607      +10     
  Misses       2359     2359              
  Partials      161      161              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@thyhmdo
Copy link
Member

thyhmdo commented Nov 12, 2024

I also missed the different sizes of pagination. Here's the update.

Pagination spec mobile-2

Copy link
Member

@thyhmdo thyhmdo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great!

@guidari guidari removed the status: needs tests PRs that need tests label Nov 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants