Twenty-Twenty: Alignment fix on Separator Block editor styles.

audrasjb · audrasjb · commit ab3848ae1211 · 2022-06-02T15:08:33.000Z
This changeset fixes an issue with some CSS rules of the "Wide Line" variation of the Separator Block’s editor stylesheet, for small, medium and large screens. Props umesh84, iamjaydip, mukesh27, larrach. Fixes #55896. git-svn-id: https://develop.svn.wordpress.org/trunk@53459 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css
@@ -1392,8 +1392,8 @@ hr.wp-block-separator.is-style-dots::before {
 	}
 
 	hr.wp-block-separator.is-style-wide {
-		margin-right: -70px;
-		margin-left: -70px;
+		margin-right: auto;
+		margin-left: auto;
 	}
 
 
@@ -1430,8 +1430,8 @@ hr.wp-block-separator.is-style-dots::before {
 	/* BLOCK: SEPARATOR */
 
 	hr.wp-block-separator.is-style-wide {
-		margin-right: -150px;
-		margin-left: -150px;
+		margin-right: auto;
+		margin-left: auto;
 	}
 
 }
@@ -1465,8 +1465,8 @@ hr.wp-block-separator.is-style-dots::before {
 	/* BLOCK: SEPARATOR */
 
 	hr.wp-block-separator.is-style-wide {
-		margin-right: -200px;
-		margin-left: -200px;
+		margin-right: auto;
+		margin-left: auto;
 	}
 
 
diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css
@@ -1392,8 +1392,8 @@ hr.wp-block-separator.is-style-dots::before {
 	}
 
 	hr.wp-block-separator.is-style-wide {
-		margin-left: -70px;
-		margin-right: -70px;
+		margin-left: auto;
+		margin-right: auto;
 	}
 
 
@@ -1430,8 +1430,8 @@ hr.wp-block-separator.is-style-dots::before {
 	/* BLOCK: SEPARATOR */
 
 	hr.wp-block-separator.is-style-wide {
-		margin-left: -150px;
-		margin-right: -150px;
+		margin-left: auto;
+		margin-right: auto;
 	}
 
 }
@@ -1465,8 +1465,8 @@ hr.wp-block-separator.is-style-dots::before {
 	/* BLOCK: SEPARATOR */
 
 	hr.wp-block-separator.is-style-wide {
-		margin-left: -200px;
-		margin-right: -200px;
+		margin-left: auto;
+		margin-right: auto;
 	}
 
 

Original file line number	Diff line number	Diff line change
`@@ -1392,8 +1392,8 @@ hr.wp-block-separator.is-style-dots::before {`
`1392`	`1392`	`}`
`1393`	`1393`
`1394`	`1394`	`hr.wp-block-separator.is-style-wide {`
`1395`		`- margin-right: -70px;`
`1396`		`- margin-left: -70px;`
	`1395`	`+ margin-right: auto;`
	`1396`	`+ margin-left: auto;`
`1397`	`1397`	`}`
`1398`	`1398`
`1399`	`1399`
`@@ -1430,8 +1430,8 @@ hr.wp-block-separator.is-style-dots::before {`
`1430`	`1430`	`/* BLOCK: SEPARATOR */`
`1431`	`1431`
`1432`	`1432`	`hr.wp-block-separator.is-style-wide {`
`1433`		`- margin-right: -150px;`
`1434`		`- margin-left: -150px;`
	`1433`	`+ margin-right: auto;`
	`1434`	`+ margin-left: auto;`
`1435`	`1435`	`}`
`1436`	`1436`
`1437`	`1437`	`}`
`@@ -1465,8 +1465,8 @@ hr.wp-block-separator.is-style-dots::before {`
`1465`	`1465`	`/* BLOCK: SEPARATOR */`
`1466`	`1466`
`1467`	`1467`	`hr.wp-block-separator.is-style-wide {`
`1468`		`- margin-right: -200px;`
`1469`		`- margin-left: -200px;`
	`1468`	`+ margin-right: auto;`
	`1469`	`+ margin-left: auto;`
`1470`	`1470`	`}`
`1471`	`1471`
`1472`	`1472`