Twenty-Twenty: Fix a width/alignement issue on "Wide Line" Separator style variation.

audrasjb · audrasjb · commit b4c750afe424 · 2022-06-07T05:21:20.000Z
This change fixes an alignement issue on the "Wide Line" Separator style variation on front-end, especially when used inside a column block. It changes the block `width` value from `120rem` to `100%` to avoid container overflowing. Props kjellr, matthiaspabst, sabernhardt, audrasjb. Fixes #53643. git-svn-id: https://develop.svn.wordpress.org/trunk@53475 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-content/themes/twentytwenty/style-rtl.css b/src/wp-content/themes/twentytwenty/style-rtl.css
@@ -6274,7 +6274,7 @@ a.to-the-top > * {
 
 	.wp-block-separator.is-style-wide {
 		max-width: 120rem;
-		width: 120rem;
+		width: 100%;
 	}
 
 	/* Entry Content ------------------------- */
diff --git a/src/wp-content/themes/twentytwenty/style.css b/src/wp-content/themes/twentytwenty/style.css
@@ -6378,7 +6378,7 @@ a.to-the-top > * {
 
 	.wp-block-separator.is-style-wide {
 		max-width: 120rem;
-		width: 120rem;
+		width: 100%;
 	}
 
 	/* Entry Content ------------------------- */

Original file line number	Diff line number	Diff line change
`@@ -6274,7 +6274,7 @@ a.to-the-top > * {`
`6274`	`6274`
`6275`	`6275`	`.wp-block-separator.is-style-wide {`
`6276`	`6276`	`max-width: 120rem;`
`6277`		`- width: 120rem;`
	`6277`	`+ width: 100%;`
`6278`	`6278`	`}`
`6279`	`6279`
`6280`	`6280`	`/* Entry Content ------------------------- */`
Original file line number	Diff line number	Diff line change
`@@ -6378,7 +6378,7 @@ a.to-the-top > * {`
`6378`	`6378`
`6379`	`6379`	`.wp-block-separator.is-style-wide {`
`6380`	`6380`	`max-width: 120rem;`
`6381`		`- width: 120rem;`
	`6381`	`+ width: 100%;`
`6382`	`6382`	`}`
`6383`	`6383`
`6384`	`6384`	`/* Entry Content ------------------------- */`