search

Shopify / polaris

Shopify’s design system to help us work together to build a great experience for all of our merchants.
https://polaris.shopify.com
Other
5.81k stars 1.17k forks source link

IndexTable footer padding pushes text when monitor size is large #11651

Closed dang32 closed 1 month ago

dang32 commented 8 months ago

Summary

Hey team, I found a minor UI glitch that you may be aware of already, but I noticed on bigger screens the Index table padding is pushing the footer text downwards. I’m not really sure what’s causing it as opening the console fixes it, but I’d appreciate a look. Here’s a video example. Thanks!

Expected behavior

IndexTable footer text is properly formatted

Actual behavior

Wrap animated gifs/videos in a details tag:

Summary of your gif(s) IndexTable footer text is pushed to the side

Steps to reproduce

Link to sandbox

  1. Plug in a large external monitor, 24in+, at least 1440p(?)
    • I noticed this doesn't happen on my laptop Macbook monitor
  2. Visit my staff store's page that uses the Index Table

Are you using React components?

None

Polaris version number

12.16.0

Browser

Chrome Version 122.0.6261.69

Device

MacBook Pro, 2021 14in

github-actions[bot] commented 2 months ago

Hi! We noticed there hasn’t been activity on this issue in a while. After 30 days, it will close automatically.

If it’s still relevant, or you have updates, comment and let us know. And don’t worry, you can always re-open later if needed.