Add rtl langauge support

Some language read right to left (rtl) this adds the support isolated to the app for. Example pages https://www.gov.uk/government/news/uk-to-co-host-summit-to-address-afghanistan-humanitarian-crisis-15-february-2022.ar https://www.gov.uk/government/news/welcome-to-our-new-website-gov-uk.ur https://www.gov.uk/government/news/hrh-the-prince-of-wales-makes-a-donation-to-israels-peres-centre.he
alphagov · Feb 28, 2022 · 71a92fd · 71a92fd
1 parent 63a95ef
commit 71a92fd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/app/assets/stylesheets/print.scss b/app/assets/stylesheets/print.scss
@@ -6,5 +6,5 @@
 @import 'govuk_publishing_components/components/print/step-by-step-nav';
 @import 'govuk_publishing_components/components/print/step-by-step-nav-header';
 @import 'govuk_publishing_components/components/print/title';
-
 @import 'print/html-publication';
+@import 'print/language_support';
diff --git a/app/assets/stylesheets/print/_language_support.scss b/app/assets/stylesheets/print/_language_support.scss
@@ -0,0 +1,9 @@
+@media print {
+  // Targeting (right to left) rtl languages
+  main[lang="ar"], // Arabic
+  main[lang="he"], // Hebrew
+  main[lang="ur"] { // Urdu
+    direction: rtl;
+    text-align: start;
+  }
+}