Fix Heading example resizing

WordPress · Nov 5, 2024 · 9af9cc9 · 9af9cc9
1 parent a646582
commit 9af9cc9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/packages/edit-site/src/components/style-book/constants.ts b/packages/edit-site/src/components/style-book/constants.ts
@@ -252,7 +252,7 @@ export const STYLE_BOOK_IFRAME_STYLES = `
 	}
 
 	.edit-site-style-book__example-preview {
-		width: 100%;
+		width: calc(100% - 120px);
 	}
 
 	.edit-site-style-book__example-preview .block-editor-block-list__insertion-point,

diff --git a/packages/edit-site/src/components/style-book/examples.tsx b/packages/edit-site/src/components/style-book/examples.tsx
@@ -99,10 +99,7 @@ function getLandingBlockExamples(
 		title: __( 'Headings' ),
 		category: 'landing',
 		blocks: createBlock( 'core/heading', {
-			content: `AaBbCcDdEeFfGgHhIi
-				JjKkLlMmNnOoPpQqRrSs
-				TtUuVvWwXxYyZz
-				0123456789{(...)},?!*&:;_@#$`,
+			content: `AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789{(...)},?!*&:;_@#$`,
 			level: 1,
 		} ),
 	};