Merge pull request #2711 from woocommerce/tweak/wc-v2-brand

Replace WooCommerce logo with Woo 2.0 Brand
woocommerce · Feb 3, 2025 · 3387a91 · 3387a91
2 parents 6cecf07 + e93c658
commit 3387a91
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 22 deletions.
diff --git a/js/src/images/get-started/img-free-listings.svg b/js/src/images/get-started/img-free-listings.svg
diff --git a/js/src/images/logo/woocommerce-logo.svg b/js/src/images/logo/woocommerce-logo.svg
diff --git a/js/src/pages/product-feed/submission-success-guide/index.js b/js/src/pages/product-feed/submission-success-guide/index.js
@@ -28,21 +28,19 @@ const EVENT_NAME = 'gla_modal_closed';
 
 const image = (
 	<div className="gla-submission-success-guide__logo-block">
-		<div className="gla-submission-success-guide__logo-item">
+		<div className="gla-submission-success-guide__logo-item gla-submission-success-guide__logo-item--woocommerce">
 			<img
 				src={ wooLogoURL }
 				alt={ __( 'WooCommerce Logo', 'google-listings-and-ads' ) }
-				width="145"
-				height="31"
+				width="187.5"
 			/>
 		</div>
 		<div className="gla-submission-success-guide__logo-separator-line" />
 		<div className="gla-submission-success-guide__logo-item">
 			<img
 				src={ googleLogoURL }
 				alt={ __( 'Google Logo', 'google-listings-and-ads' ) }
-				width="106"
-				height="36"
+				width="85"
 			/>
 		</div>
 	</div>

diff --git a/js/src/pages/product-feed/submission-success-guide/index.scss b/js/src/pages/product-feed/submission-success-guide/index.scss
@@ -102,21 +102,19 @@
 	}
 
 	&__logo-item {
-		flex: 1;
-		margin-bottom: 0;
-
 		// Clear the 4px space gap for SVG
 		line-height: 0;
-		&:first-child {
-			text-align: right;
+
+		&--woocommerce {
+			padding-bottom: 6px;
 		}
 	}
 
 	&__logo-separator-line {
 		width: $border-width;
-		height: 63px;
-		margin: 0 28px;
-		background-color: $gray-600;
+		height: 42px;
+		margin: 0 22px;
+		background-color: #dcdcde;
 	}
 
 	&__space_holder {