Twenty Twenty: style of rtl paragraph

[amirkamizi]

when changing the language of the website with polylang plugin i noticed everything works perfectly except the alighnment of paragraphs which were still left to right although in the editor i set them to be right to left and it also got the class has-text-align-right

after checking many things I realzed in the style-rtl.css file the mentioned class (has-text-align-right) has text align as left and (has-text-align-left) had text alight to left as well.
so i changed the has-text-align-right to the following and now everything works great

.has-text-align-right {
	text-align: right;
}

[mayankmajeji]

has-text-align-right class alignment corrected

[ianbelanger]

Looking for a second opinion on this one. It seems like if a paragraph is set to align right in LTR, then it should be aligned to the left when using RTL?

[sabernhardt]

Twenty Twenty's style.css has /*rtl:ignore*/ for the .has-text-align-left, but that is missing for .has-text-align-right. As a result, the theme overrides ​block library styles on the front end (and not in the editor).

The patch will need to update both style.css and style-rtl.css.

[sabernhardt]

#55825 was marked as a duplicate.

[hasanuzzamanshamim]

Patch created for rtl issue

[hasanuzzamanshamim]

I think /*rtl:ignore*/ comment will solve this issue.

[sabernhardt]

That patch works for me.

[audrasjb]

Self assigning for final testing and commit.

[audrasjb]

In 53471:

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.