Shopify / blockchain-components

Blockchain related React UI components for Shopify storefronts
https://blockchain.shopify.dev
MIT License
81 stars 18 forks source link

:bug: Address issue with preflight button style collision #193

Closed QuintonC closed 1 year ago

QuintonC commented 1 year ago

ℹ️ What is the context for these changes?

Addresses an issue where Tailwind preflight styles were colliding with button styles.

🕹️ Demonstration

Before After
SCR-20230517-n43 SCR-20230517-n2t

🎩 How can this be tophatted?

It's a bit complex, but this is being tested in a headless environment with Hydrogen which requires another patch in order to function.

You can try installing in another project that is using Tailwind and include the preflight styles to ensure that the styles for the button work as expected.

✅ Checklist

QuintonC commented 1 year ago

/snapit

github-actions[bot] commented 1 year ago

🫰✨ Thanks @QuintonC! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/blockchain-components@0.0.0-snapshot-20230517213022
yarn add @shopify/connect-wallet@0.0.0-snapshot-20230517213022
yarn add @shopify/gate-context-client@0.0.0-snapshot-20230517213022
yarn add @shopify/tokengate@0.0.0-snapshot-20230517213022