Simplify layout of site hub elements.

WordPress · Mar 29, 2023 · 1b04605 · 1b04605
1 parent 9ba7dce
commit 1b04605
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/packages/edit-site/src/components/layout/index.js b/packages/edit-site/src/components/layout/index.js
@@ -138,16 +138,7 @@ export default function Layout() {
 					}
 				) }
 			>
-				<SiteHub
-					ref={ hubRef }
-					className="edit-site-layout__hub"
-					style={ {
-						width:
-							isResizingEnabled && forcedWidth
-								? forcedWidth - 48
-								: undefined,
-					} }
-				/>
+				<SiteHub ref={ hubRef } className="edit-site-layout__hub" />
 
 				<AnimatePresence initial={ false }>
 					{ isEditorPage && canvasMode === 'edit' && (

diff --git a/packages/edit-site/src/components/site-hub/index.js b/packages/edit-site/src/components/site-hub/index.js
@@ -113,14 +113,15 @@ const SiteHub = forwardRef( ( props, ref ) => {
 				<AnimatePresence>
 					{ showLabels && (
 						<motion.div
+							initial={ false }
+							layout
 							animate={ {
 								opacity: canvasMode === 'view' ? 1 : 0,
 							} }
 							exit={ {
 								opacity: 0,
 							} }
-							layout
-							class="edit-site-site-hub__site-title"
+							className="edit-site-site-hub__site-title"
 						>
 							{ siteTitle }
 						</motion.div>