improve mobile behavior

WordPress · Sep 24, 2024 · 176a36d · 176a36d
1 parent d4934a5
commit 176a36d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/edit-site/src/components/layout/router.js b/packages/edit-site/src/components/layout/router.js
@@ -163,7 +163,13 @@ export default function useLayoutAreas() {
 					</Page>
 				),
 				preview: <Editor />,
-				mobile: hasEditCanvasMode && <Editor />,
+				mobile: hasEditCanvasMode ? (
+					<Editor />
+				) : (
+					<Page className="edit-site-styes" title={ __( 'Styles' ) }>
+						<GlobalStylesUI />
+					</Page>
+				),
 			},
 			widths: {
 				content: 380,

diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js b/packages/edit-site/src/components/sidebar-navigation-screen-global-styles/index.js
@@ -116,7 +116,7 @@ export default function SidebarNavigationScreenGlobalStyles( { backPath } ) {
 					)
 				}
 			/>
-			{ ! isMobileViewport && isViewMode && (
+			{ isViewMode && (
 				<StyleBook
 					enableResizing={ false }
 					isSelected={ () => false }