Remove right navigation sidebar from edit-site.

packages/edit-site/src/components/sidebar-edit-mode/index.js

@@ -14,7 +14,6 @@ import { store as blockEditorStore } from '@wordpress/block-editor';
  */
 import DefaultSidebar from './default-sidebar';
 import GlobalStylesSidebar from './global-styles-sidebar';
-import NavigationMenuSidebar from './navigation-menu-sidebar';
 import { STORE_NAME } from '../../store/constants';
 import SettingsHeader from './settings-header';
 import TemplateCard from './template-card';
@@ -64,15 +63,6 @@ export function SidebarComplementaryAreaFills() {
  sidebarName = hasBlockSelection ? SIDEBAR_BLOCK : SIDEBAR_TEMPLATE;
  }
 
- // Conditionally include NavMenu sidebar in Plugin only.
- // Optimise for dead code elimination.
- // See https://github.com/WordPress/gutenberg/blob/trunk/docs/how-to-guides/feature-flags.md#dead-code-elimination.
- let MaybeNavigationMenuSidebar = Fragment;
-
- if ( window?.__experimentalEnableOffCanvasNavigationEditor === true ) {
- MaybeNavigationMenuSidebar = NavigationMenuSidebar;
- }
-
  return (
  <>
  <DefaultSidebar
@@ -93,7 +83,6 @@ export function SidebarComplementaryAreaFills() {
  ) }
  </DefaultSidebar>
  { supportsGlobalStyles && <GlobalStylesSidebar /> }
- <MaybeNavigationMenuSidebar />
  </>
  );
 }

packages/edit-site/src/components/sidebar-navigation-screen-navigation-menus/index.js

@@ -7,7 +7,7 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import SidebarNavigationScreen from '../sidebar-navigation-screen';
-import NavigationInspector from '../sidebar-edit-mode/navigation-menu-sidebar/navigation-inspector';
+import NavigationInspector from './navigation-inspector';
 
 export default function SidebarNavigationScreenNavigationMenus() {
  return (

packages/edit-site/src/components/sidebar-navigation-screen-navigation-menus/style.scss

@@ -10,3 +10,47 @@
  width: 100%;
  }
 }
+
+
+@keyframes loadingpulse {
+ 0% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0.5;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+
+.edit-site-navigation-inspector {
+ .block-editor-list-view-leaf .block-editor-list-view-block-contents {
+ white-space: normal;
+ }
+
+ .block-editor-list-view-block__title {
+ margin-top: 3px;
+ }
+
+ .block-editor-list-view-block__menu-cell {
+ padding-right: 0;
+ }
+
+ .edit-site-navigation-inspector__select-menu {
+ margin-bottom: $grid-unit-10;
+ }
+}
+
+.edit-site-navigation-inspector__placeholder {
+ padding: $grid-unit-10;
+ margin: $grid-unit-10;
+ background-color: $gray-100;
+ animation: loadingpulse 1s linear infinite;
+ animation-delay: 0.5s; // avoid animating for fast network responses
+
+ &.is-child {
+ margin-left: $grid-unit-30;
+ width: 50%;
+ }
+}