Handle RTL better in publisher metadata component

alphagov · Sep 3, 2018 · 9aacb19 · 9aacb19
1 parent 46589ac
commit 9aacb19
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/app/assets/stylesheets/components/_publisher-metadata.scss b/app/assets/stylesheets/components/_publisher-metadata.scss
@@ -11,4 +11,18 @@
 .app-c-publisher-metadata__term {
   float: left;
   padding-right: $gutter-one-third / 2;
+
+  .direction-rtl & {
+    float: none;
+    display: inline-block;
+    padding-right: 0;
+    padding-left: 5px;
+  }
+}
+
+.app-c-publisher-metadata__definition {
+  .direction-rtl & {
+    float: none;
+    display: inline-block;
+  }
 }
diff --git a/app/views/components/docs/publisher-metadata.yml b/app/views/components/docs/publisher-metadata.yml
@@ -80,3 +80,12 @@ examples:
     data:
       other:
         Applies to: "England, Scotland, and Wales (see detailed guidance for <a href=\"http://www.dardni.gov.uk/news-dard-pa022-a-13-new-procedure-for\" rel=\"external\">Northern Ireland</a>)"
+  right_to_left:
+    data:
+      published: 31 July 2017
+      last_updated: 20 September 2017
+      other:
+        from:
+            - <a href='/government/organisations/ministry-of-defence'>Ministry of Defence</a>
+    context:
+      right_to_left: true