Fix Apple Pay button layout (3237)

woocommerce / woocommerce-paypal-payments

https://wordpress.org/plugins/woocommerce-paypal-payments/

GNU General Public License v2.0

61 stars 47 forks source link

Fix Apple Pay button layout (3237) #2367

Closed stracker-phil closed 3 days ago

stracker-phil commented 1 week ago

Problem

When using the Apple Pay button color "White with outline", the outline was not visible. Also, the Google Pay button with color "White" did not display the outline.

Solution

Adjusted the CSS for both buttons to contain the outline within the button shape.
Added new CSS variable --apm-button-border-radius to better handle the pill shape outline

Screenshot