From 516e9e01afd02cebeb7eceec8518697dfe99bbbb Mon Sep 17 00:00:00 2001 From: Kara Armstrong Date: Tue, 4 Jun 2024 14:29:27 -0500 Subject: [PATCH] INTER-3958: Format ppcp express pay buttons to match other express pay buttons in templates --- src/paypal/ppcp_apple/createPPCPApple.ts | 2 +- src/paypal/ppcp_buttons/ppcpOnLoad.ts | 2 ++ src/style.css | 1 + 3 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/paypal/ppcp_apple/createPPCPApple.ts b/src/paypal/ppcp_apple/createPPCPApple.ts index 722d1fa..1d07bb3 100644 --- a/src/paypal/ppcp_apple/createPPCPApple.ts +++ b/src/paypal/ppcp_apple/createPPCPApple.ts @@ -8,7 +8,7 @@ export function createPPCPApple(): void { // creating a paypal-apple payment div inside express payment container const ppcpAppleDiv = document.createElement('div'); ppcpAppleDiv.id = 'ppcp-apple-express-payment'; - ppcpAppleDiv.className = 'ppcp-apple-express-payment'; + ppcpAppleDiv.className = 'ppcp-apple-express-payment express-payment'; ppcpAppleDiv.dataset.testid = 'ppcp-apple-express-payment'; const button = document.createElement('button'); diff --git a/src/paypal/ppcp_buttons/ppcpOnLoad.ts b/src/paypal/ppcp_buttons/ppcpOnLoad.ts index 6c81145..b949b93 100644 --- a/src/paypal/ppcp_buttons/ppcpOnLoad.ts +++ b/src/paypal/ppcp_buttons/ppcpOnLoad.ts @@ -18,11 +18,13 @@ export async function ppcpOnLoad(payment: IExpressPayPaypalCommercePlatformButto const paypalButtonDivId = 'ppcp-paypal-express-payment-button'; paypalButtonDiv.id = paypalButtonDivId; paypalButtonDiv.dataset.testid = paypalButtonDivId; + paypalButtonDiv.className = 'express-payment'; const payLaterButtonDiv = document.createElement('div'); const payLaterButtonDivId = 'ppcp-paylater-express-payment-button'; payLaterButtonDiv.id = payLaterButtonDivId; payLaterButtonDiv.dataset.testid = payLaterButtonDivId; + payLaterButtonDiv.className = 'express-payment'; // creating a paypal payment div inside express payment container const paypalDiv = document.createElement('div'); diff --git a/src/style.css b/src/style.css index 79fb4b4..6635b6e 100644 --- a/src/style.css +++ b/src/style.css @@ -5,6 +5,7 @@ .ppcp-express-payment{ width: auto; + display: contents; } .ppcp-apple-pay-button{