Skip to content

Conversation

@mattkubej
Copy link
Contributor

WHY are these changes introduced?

Addresses: #4570

Removes the vertical padding of the <ActionList /> to provide a more compact aesthetic.

WHAT is this pull request doing?

Removes padding attribute from the top-level element of <ActionList />.

Horizontal padding was set to 0 and only the vertical padding was set. So, I removed the padding attribute, so we have no padding set.

Before
action-list-before

After
action-list-after

@ghost
Copy link

ghost commented Nov 4, 2021

👋 Thanks for opening your first pull request. A contributor should give feedback soon. If you haven’t already, please check out the contributing guidelines.

@github-actions
Copy link
Contributor

github-actions bot commented Nov 4, 2021

size-limit report

Path Size
cjs 166.08 KB (0%)
esm 96.63 KB (0%)
esnext 143.5 KB (-0.01% 🔽)
css 34.53 KB (0%)

@mattkubej mattkubej force-pushed the 4570-action-list-padding branch from 42f19b4 to fbf418c Compare November 4, 2021 03:50
Copy link
Member

@alex-page alex-page left a comment

Choose a reason for hiding this comment

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

Thanks @mattkubej

@mattkubej
Copy link
Contributor Author

We did a quick triage and found that the only component that does not use ActionList within a Popover is “Crop and rotate”

As highlighted here:
https://github.com/Shopify/shopify/issues/320053#issuecomment-959797165

@mattkubej mattkubej requested a review from dfmcphee November 9, 2021 15:49
@alex-page alex-page requested a review from chloerice November 9, 2021 16:38
Copy link
Member

@chloerice chloerice left a comment

Choose a reason for hiding this comment

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

:shipit:

@mattkubej mattkubej force-pushed the 4570-action-list-padding branch from fbf418c to edd936b Compare November 10, 2021 04:03
@dfmcphee dfmcphee merged commit 73b2146 into main Nov 10, 2021
@dfmcphee dfmcphee deleted the 4570-action-list-padding branch November 10, 2021 15:01
@ghost
Copy link

ghost commented Nov 10, 2021

🎉 Thanks for your contribution to Polaris React!

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