Fix email upsell page styles in site context

Automattic · Jan 9, 2025 · dedfef6 · dedfef6
1 parent c8dd5fe
commit dedfef6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/client/my-sites/email/email-management/email-home.tsx b/client/my-sites/email/email-management/email-home.tsx
@@ -105,7 +105,7 @@ const EmailHome = ( props: EmailManagementHomeProps ) => {
 		return canCurrentUser( state, selectedSite.ID, 'manage_options' );
 	} );
 	const hasSitesLoaded = useSelector( hasLoadedSites );
-	const isAllDomainManagementContext = context === 'domains';
+	const isAllDomainManagementContext = context === 'domains' || context === 'hosting-overview';
 
 	const addEmailForwardMutationActive = useAddEmailForwardMutationIsLoading();
 
@@ -155,7 +155,7 @@ const EmailHome = ( props: EmailManagementHomeProps ) => {
 					selectedEmailProviderSlug={ selectedEmailProviderSlug }
 					selectedIntervalLength={ selectedIntervalLength }
 					source={ source }
-					hideNavigation={ isAllDomainManagementContext }
+					hideNavigation={ isAllDomainManagementContext || isInHostingOverview }
 				/>
 			);
 		}

diff --git a/client/sites/components/dotcom-style.scss b/client/sites/components/dotcom-style.scss
@@ -269,7 +269,6 @@
 			padding-right: 0;
 			overflow-y: initial;
 			max-height: initial;
-			max-width: 1400px;
 			width: 100%;
 		}
 
@@ -313,6 +312,14 @@
 	}
 }
 
+.wpcom-site .hosting-dashboard-layout.sites-dashboard:not(.domains-overview) .site-preview-pane {
+	.hosting-dashboard-item-view__content {
+		> * {
+			max-width: 1400px;
+		}
+	}
+}
+
 // Use flexbox to structure of fly-out panel.
 .wpcom-site .main.hosting-dashboard-layout.sites-dashboard.sites-dashboard__layout:not(.preview-hidden) {
 	&.hosting-dashboard-layout,