Fix: Nested list indendation in editor for classic themes

karthikeya-io · karthikeya-io · commit f45e0080f0fd · 2025-03-10T17:00:54.000+05:30
diff --git a/packages/edit-post/src/classic.scss b/packages/edit-post/src/classic.scss
@@ -2,7 +2,7 @@
 // Specificity is kept at this level as many classic themes output
 // rules like figure { margin: 0; } which would break centering.
 // These rules should also not apply to direct children of flex layout blocks.
-.editor-styles-wrapper :where(:not(.is-layout-flex, .is-layout-grid)) > .wp-block {
+.editor-styles-wrapper :where(:not(.is-layout-flex, .is-layout-grid)) > .wp-block:not(.wp-block-list .wp-block-list) {
 	margin-left: auto;
 	margin-right: auto;
 }

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`// Specificity is kept at this level as many classic themes output`
`3`	`3`	`// rules like figure { margin: 0; } which would break centering.`
`4`	`4`	`// These rules should also not apply to direct children of flex layout blocks.`
`5`		`-.editor-styles-wrapper :where(:not(.is-layout-flex, .is-layout-grid)) > .wp-block {`
	`5`	`+.editor-styles-wrapper :where(:not(.is-layout-flex, .is-layout-grid)) > .wp-block:not(.wp-block-list .wp-block-list) {`
`6`	`6`	`margin-left: auto;`
`7`	`7`	`margin-right: auto;`
`8`	`8`	`}`