Editor: Improve readability of preview styles in block preview component

yogeshbhutkar · Jan 16, 2025 · 75b4eeb · 75b4eeb
1 parent b88e4ba
commit 75b4eeb
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-preview/auto.js b/packages/block-editor/src/components/block-preview/auto.js
@@ -20,7 +20,9 @@ const MemoizedBlockList = memo( BlockList );
 const MAX_HEIGHT = 2000;
 const EMPTY_ADDITIONAL_STYLES = [];
 const PREVIEW_STYLES = {
-	css: 'body{height:auto;overflow:hidden;border:none;padding:0;} .block-editor-warning{display:none;} .is-root-container .block-editor-block-list__block.has-warning:after{background:none;}',
+	css: `body{height:auto;overflow:hidden;border:none;padding:0;}
+		.block-editor-warning{display:none;}
+		.is-root-container .block-editor-block-list__block.has-warning:after{background:none;}`,
 	__unstableType: 'presets',
 };