Hide illustration on block selection

WordPress · Aug 21, 2024 · a462d07 · a462d07
1 parent 6eff6af
commit a462d07
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/packages/block-library/src/audio/editor.scss b/packages/block-library/src/audio/editor.scss
@@ -16,4 +16,25 @@
 		margin-top: -9px;
 		margin-left: -9px;
 	}
+
+	// Show Placeholder style on-select.
+	&.is-selected .components-placeholder {
+		// Block UI appearance.
+		color: $gray-900;
+		background-color: $white;
+		box-shadow: inset 0 0 0 $border-width $gray-900;
+		border: none;
+
+		> svg {
+			opacity: 0;
+		}
+
+		.components-placeholder__illustration {
+			display: none;
+		}
+
+		&::before {
+			opacity: 0;
+		}
+	}
 }