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>
woocommerce · Mar 4, 2024 · 56a3829 · 56a3829
1 parent 418fd32
commit 56a3829
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 13 deletions.
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
@@ -78,29 +78,21 @@ 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( {}, '/', {} ) }
 								type="wp-admin"
 							>
 								<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
@@ -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
@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+CYS - Fix the intro page logo and site title positioning.