From 56a3829af45af473f21f564b5754d923601094e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alba=20Rinc=C3=B3n?= <albarin@users.noreply.github.com>
Date: Mon, 4 Mar 2024 12:34:47 +0100
Subject: [PATCH] Fix intro CYS logo and site title (#45216)

* Fix intro CYS logo and site title

* Add changefile(s) from automation for the following project(s): woocommerce

* Improve format

* Fix logo motion

---------

Co-authored-by: github-actions <github-actions@github.com>
---
 .../assembler-hub/site-hub.tsx                | 12 ++--------
 .../customize-store/assembler-hub/style.scss  | 22 ++++++++++++++++---
 .../changelog/45216-fix-cys-intro-css         |  4 ++++
 3 files changed, 25 insertions(+), 13 deletions(-)
 create mode 100644 plugins/woocommerce/changelog/45216-fix-cys-intro-css

diff --git a/plugins/woocommerce-admin/client/customize-store/assembler-hub/site-hub.tsx b/plugins/woocommerce-admin/client/customize-store/assembler-hub/site-hub.tsx
index 099d26733dea9..aa555e3069b14 100644
--- a/plugins/woocommerce-admin/client/customize-store/assembler-hub/site-hub.tsx
+++ b/plugins/woocommerce-admin/client/customize-store/assembler-hub/site-hub.tsx
@@ -78,21 +78,13 @@ export const SiteHub = forwardRef(
 						className="edit-site-site-hub__text-content"
 						spacing="0"
 					>
-						<motion.div
+						<div
 							className={ classnames(
 								'edit-site-site-hub__view-mode-toggle-container',
 								{
 									'has-transparent-background': isTransparent,
 								}
 							) }
-							layout
-							transition={ {
-								type: 'tween',
-								duration: disableMotion
-									? 0
-									: HUB_ANIMATION_DURATION,
-								ease: 'easeOut',
-							} }
 						>
 							<Link
 								href={ getNewPath( {}, '/', {} ) }
@@ -100,7 +92,7 @@ export const SiteHub = forwardRef(
 							>
 								<SiteIcon className="edit-site-layout__view-mode-toggle-icon" />
 							</Link>
-						</motion.div>
+						</div>
 
 						<AnimatePresence>
 							<motion.div
diff --git a/plugins/woocommerce-admin/client/customize-store/assembler-hub/style.scss b/plugins/woocommerce-admin/client/customize-store/assembler-hub/style.scss
index 9fc230592fda9..b21dcd749b49c 100644
--- a/plugins/woocommerce-admin/client/customize-store/assembler-hub/style.scss
+++ b/plugins/woocommerce-admin/client/customize-store/assembler-hub/style.scss
@@ -53,7 +53,8 @@
 	}
 }
 
-.woocommerce-customize-store {
+.woocommerce-customize-store-header,
+.edit-site-layout__header-container {
 	.edit-site-site-hub__view-mode-toggle-container a {
 		color: unset;
 	}
@@ -123,8 +124,6 @@
 	}
 
 	.edit-site-site-hub__view-mode-toggle-container {
-		padding: 16px 12px 0 16px;
-
 		.edit-site-layout__view-mode-toggle,
 		.edit-site-layout__view-mode-toggle-icon.edit-site-site-icon,
 		.edit-site-site-icon__icon {
@@ -592,6 +591,23 @@
 	}
 }
 
+.woocommerce-customize-store__step-assemblerHub {
+	.edit-site-site-hub__view-mode-toggle-container {
+		padding: 16px 12px 0 16px;
+	}
+}
+
+.woocommerce-customize-store__step-intro {
+	.edit-site-site-hub__view-mode-toggle-container {
+		height: 32px;
+	}
+
+	.edit-site-layout {
+		.edit-site-site-hub__view-mode-toggle-container {
+			padding-left: 16px;
+		}
+	}
+}
 
 .woocommerce-customize-store-tour-kit {
 	.woocommerce-tour-kit-step {
diff --git a/plugins/woocommerce/changelog/45216-fix-cys-intro-css b/plugins/woocommerce/changelog/45216-fix-cys-intro-css
new file mode 100644
index 0000000000000..5308bec26ec4a
--- /dev/null
+++ b/plugins/woocommerce/changelog/45216-fix-cys-intro-css
@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+CYS - Fix the intro page logo and site title positioning.
\ No newline at end of file