Update navigation list view metrics

WordPress · Apr 26, 2024 · 9b26259 · 9b26259
1 parent fd50003
commit 9b26259
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 6 deletions.
diff --git a/packages/block-library/src/navigation/edit/menu-inspector-controls.js b/packages/block-library/src/navigation/edit/menu-inspector-controls.js
@@ -142,7 +142,10 @@ const MenuInspectorControls = ( props ) => {
 
 	return (
 		<InspectorControls group="list">
-			<PanelBody title={ null }>
+			<PanelBody
+				title={ null }
+				className="wp-block-navigation-off-canvas-editor__list-view"
+			>
 				<HStack className="wp-block-navigation-off-canvas-editor__header">
 					<Heading
 						className="wp-block-navigation-off-canvas-editor__title"

diff --git a/packages/block-library/src/navigation/editor.scss b/packages/block-library/src/navigation/editor.scss
@@ -515,6 +515,14 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 	margin: 0;
 }
 
+.wp-block-navigation-off-canvas-editor__list-view {
+	.block-editor-list-view-leaf {
+		.block-editor-list-view-block-contents {
+			height: $grid-unit-50;
+		}
+	}
+}
+
 .wp-block-navigation-off-canvas-editor__header {
 	margin-bottom: $grid-unit-10;
 }

diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-navigation-menus/style.scss b/packages/edit-site/src/components/sidebar-navigation-screen-navigation-menus/style.scss
@@ -64,12 +64,15 @@
 		}
 	}
 
-	.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell {
-		width: 100%;
-	}
+	.block-editor-list-view-leaf {
+		.block-editor-list-view-block__contents-cell {
+			width: 100%;
+		}
 
-	.block-editor-list-view-leaf .block-editor-list-view-block-contents {
-		white-space: normal;
+		.block-editor-list-view-block-contents {
+			white-space: normal;
+			height: $grid-unit-50;
+		}
 	}
 
 	.block-editor-list-view-block__title {