VisualEditor: Remove wide and full alignment CSS on the root container

WordPress · Oct 24, 2024 · dcfc7f2 · dcfc7f2
1 parent 5437114
commit dcfc7f2
Showing 1 changed file with 1 addition and 8 deletions.
diff --git a/packages/editor/src/components/visual-editor/index.js b/packages/editor/src/components/visual-editor/index.js
@@ -272,7 +272,7 @@ function VisualEditor( {
 			'is-layout-flow': ! themeSupportsLayout,
 		},
 		themeSupportsLayout && postContentLayoutClasses,
-		align && `align${ align }`
+		align && ! [ 'wide', 'full' ].includes( align ) && `align${ align }`
 	);
 
 	const postContentLayoutStyles = useLayoutStyles(
@@ -317,12 +317,6 @@ function VisualEditor( {
 		titleRef?.current?.focus();
 	}, [ autoFocus, isCleanNewPost ] );
 
-	// Add some styles for alignwide/alignfull Post Content and its children.
-	const alignCSS = `.is-root-container.alignwide { max-width: var(--wp--style--global--wide-size); margin-left: auto; margin-right: auto;}
-		.is-root-container.alignwide:where(.is-layout-flow) > :not(.alignleft):not(.alignright) { max-width: var(--wp--style--global--wide-size);}
-		.is-root-container.alignfull { max-width: none; margin-left: auto; margin-right: auto;}
-		.is-root-container.alignfull:where(.is-layout-flow) > :not(.alignleft):not(.alignright) { max-width: none;}`;
-
 	const localRef = useRef();
 	const typewriterRef = useTypewriter();
 	contentRef = useMergeRefs( [
@@ -411,7 +405,6 @@ function VisualEditor( {
 									selector=".block-editor-block-list__layout.is-root-container"
 									layout={ postEditorLayout }
 								/>
-								{ align && <LayoutStyle css={ alignCSS } /> }
 								{ postContentLayoutStyles && (
 									<LayoutStyle
 										layout={ postContentLayout }