Twenty-Twenty: Fix paragraph block alignment issues when used on a RTL website.

audrasjb · audrasjb · commit ea687badfd1d · 2022-06-06T21:40:56.000Z
Twenty Twenty's `style.css` file has `/*rtl:ignore*/` for the `.has-text-align-left` class, but that was previously missing from the `.has-text-align-right` class. As a result, the theme overrides block library styles on the front-end (and not in the editor). This changeset adds the missing declaration. Props amirkamizi, mayankmajeji, ianbelanger, sabernhardt, hasanuzzamanshamim. Fixes #49447. git-svn-id: https://develop.svn.wordpress.org/trunk@53471 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
@@ -2788,7 +2788,7 @@ h2.entry-title {
 }
 
 .has-text-align-right {
-	text-align: left;
+	text-align: right;
 }
 
 .has-drop-cap:not(:focus)::first-letter {
diff --git a/src/wp-content/themes/twentytwenty/style.css b/src/wp-content/themes/twentytwenty/style.css
@@ -2806,6 +2806,8 @@ h2.entry-title {
 }
 
 .has-text-align-right {
+
+	/*rtl:ignore*/
 	text-align: right;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -2788,7 +2788,7 @@ h2.entry-title {`
`2788`	`2788`	`}`
`2789`	`2789`
`2790`	`2790`	`.has-text-align-right {`
`2791`		`- text-align: left;`
	`2791`	`+ text-align: right;`
`2792`	`2792`	`}`
`2793`	`2793`
`2794`	`2794`	`.has-drop-cap:not(:focus)::first-letter {`
Original file line number	Diff line number	Diff line change
`@@ -2806,6 +2806,8 @@ h2.entry-title {`
`2806`	`2806`	`}`
`2807`	`2807`
`2808`	`2808`	`.has-text-align-right {`
	`2809`	`+`
	`2810`	`+ /rtl:ignore/`
`2809`	`2811`	`text-align: right;`
`2810`	`2812`	`}`
`2811`	`2813`