This PR updates the Express Payment button previews displayed on the edit Block checkout & cart pages for Google Pay and Apple Pay.
Before
After
These buttons previously just used image elements with SVGs and were different sizes, and spacing was inconsistent. This new approach sets up a base component we can use going forward to mimic what the buttons will look like in a consistant way.
Testing instructions
Enable Express payment buttons in your Stripe settings.
Checkout this branch.
Run npm run build.
Edit a Checkout Block and or Cart block page and note the button previews.
[ ] Covered with tests (or have a good reason not to test in description ☝️)
[x] Added changelog entry in bothchangelog.txt and readme.txt (or does not apply)
Fixes #3541
Changes proposed in this Pull Request:
This PR updates the Express Payment button previews displayed on the edit Block checkout & cart pages for Google Pay and Apple Pay.
These buttons previously just used image elements with SVGs and were different sizes, and spacing was inconsistent. This new approach sets up a base component we can use going forward to mimic what the buttons will look like in a consistant way.
Testing instructions
npm run build
.changelog.txt
andreadme.txt
(or does not apply)Post merge