Changeset 53471

Timestamp:

06/06/2022 09:40:56 PM (2 years ago)

Author:

audrasjb

Message:

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

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.

Location:

trunk/src/wp-content/themes/twentytwenty

Files:

• style-rtl.css (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentytwenty/style-rtl.css

@@ -2789 +2789 @@
 
 .has-text-align-right {
-    text-align: left;
+    text-align: right;
 }
 

trunk/src/wp-content/themes/twentytwenty/style.css

@@ -2807 +2807 @@
 
 .has-text-align-right {
+
+    /*rtl:ignore*/
     text-align: right;
 }