From 07ec924c77cbcfa05d2807d5ae4eb4c4a59908ee Mon Sep 17 00:00:00 2001
From: Philipp Stracker <p.stracker@syde.com>
Date: Mon, 15 Jul 2024 13:43:09 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Display=20the=20APM=20logo=20in?=
 =?UTF-8?q?=20dummy=20preview-buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 modules/ppcp-applepay/resources/css/styles.scss  |  5 +++++
 modules/ppcp-googlepay/resources/css/styles.scss |  5 +++++
 .../ppcp-wc-gateway/resources/css/common.scss    | 16 ++++++++++++++++
 3 files changed, 26 insertions(+)

diff --git a/modules/ppcp-applepay/resources/css/styles.scss b/modules/ppcp-applepay/resources/css/styles.scss
index 3818b8db5..1cf632fd2 100644
--- a/modules/ppcp-applepay/resources/css/styles.scss
+++ b/modules/ppcp-applepay/resources/css/styles.scss
@@ -23,6 +23,11 @@
 	&.ppcp-button-minicart {
 		--apple-pay-button-display: block;
 	}
+
+	&.ppcp-preview-button.ppcp-button-dummy {
+		/* URL must specify the correct module-folder! */
+		--apm-button-dummy-background: url(../../../ppcp-applepay/assets/images/applepay.png);
+	}
 }
 
 .wp-block-woocommerce-checkout, .wp-block-woocommerce-cart {
diff --git a/modules/ppcp-googlepay/resources/css/styles.scss b/modules/ppcp-googlepay/resources/css/styles.scss
index c60212a2e..ad638b0b3 100644
--- a/modules/ppcp-googlepay/resources/css/styles.scss
+++ b/modules/ppcp-googlepay/resources/css/styles.scss
@@ -6,6 +6,11 @@
 		outline-offset: -1px;
 		border-radius: var(--apm-button-border-radius);
 	}
+
+	&.ppcp-preview-button.ppcp-button-dummy {
+		/* URL must specify the correct module-folder! */
+		--apm-button-dummy-background: url(../../../ppcp-googlepay/assets/images/googlepay.png);
+	}
 }
 
 .wp-block-woocommerce-checkout, .wp-block-woocommerce-cart {
diff --git a/modules/ppcp-wc-gateway/resources/css/common.scss b/modules/ppcp-wc-gateway/resources/css/common.scss
index b694547c8..9071e9e5a 100644
--- a/modules/ppcp-wc-gateway/resources/css/common.scss
+++ b/modules/ppcp-wc-gateway/resources/css/common.scss
@@ -31,9 +31,25 @@ $background-ident-color: #fbfbfb;
 
 	&.ppcp-button-dummy {
 		display: flex;
+		min-height: 25px;
 		align-items: center;
 		justify-content: center;
 		background: #0001;
+		position: relative;
+
+		&:before {
+			content: '';
+			position: absolute;
+			left: 12px;
+			top: 50%;
+			transform: translateY(-50%);
+			width: 42px;
+			height: 24px;
+			background-image: var(--apm-button-dummy-background, none);
+			background-repeat: no-repeat;
+			background-size: contain;
+			background-position: center left;
+		}
 	}
 }