@wordpress/edit-site 4.2.0 → 4.3.2

package/src/components/sidebar/navigation-menu-sidebar/style.scss

@@ -0,0 +1,42 @@
+@keyframes loadingpulse {
+	0% {
+		opacity: 1;
+	}
+	50% {
+		opacity: 0.5;
+	}
+	100% {
+		opacity: 1;
+	}
+}
+
+.edit-site-navigation-inspector {
+	padding: $grid-unit-20;
+
+	.block-editor-list-view-leaf .block-editor-list-view-block-contents {
+		align-items: flex-start;
+		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__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%;
+	}
+}

package/src/components/sidebar/style.scss

@@ -80,7 +80,7 @@
 	padding: 0 $grid-unit-10;
 	height: $grid-unit-30;
 	border-radius: $radius-block-ui;
-	background-color: $black;
+	background-color: $gray-900;
 	color: $white;
 	align-items: center;
 	font-size: $helptext-font-size;

package/src/components/template-part-converter/convert-to-regular.js

@@ -13,6 +13,15 @@ export default function ConvertToRegularBlocks( { clientId } ) {
 	const { getBlocks } = useSelect( blockEditorStore );
 	const { replaceBlocks } = useDispatch( blockEditorStore );
 
+	const canRemove = useSelect(
+		( select ) => select( blockEditorStore ).canRemoveBlock( clientId ),
+		[ clientId ]
+	);
+
+	if ( ! canRemove ) {
+		return null;
+	}
+
 	return (
 		<BlockSettingsMenuControls>
 			{ ( { onClose } ) => (

package/src/style.scss

@@ -11,6 +11,7 @@
 @import "./components/add-new-template/style.scss";
 @import "./components/sidebar/style.scss";
 @import "./components/sidebar/settings-header/style.scss";
+@import "./components/sidebar/navigation-menu-sidebar/style.scss";
 @import "./components/sidebar/template-card/style.scss";
 @import "./components/editor/style.scss";
 @import "./components/template-details/style.scss";