Fix RTL support in metadata component

alphagov · Jan 30, 2025 · dd95ac0 · dd95ac0
1 parent eb40487
commit dd95ac0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,10 @@
   useful summary for people upgrading their application, not a replication
   of the commit log.
 
+## Unreleased
+
+* Fix RTL support in metadata component ([PR #4596](https://github.com/alphagov/govuk_publishing_components/pull/4596))
+
 ## 51.0.0
 
 * Remove title component margin_top option ([PR #4508](https://github.com/alphagov/govuk_publishing_components/pull/4508))

diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_metadata.scss b/app/assets/stylesheets/govuk_publishing_components/components/_metadata.scss
@@ -59,17 +59,16 @@
     box-sizing: border-box;
     float: left;
     clear: left;
+    padding-left: 0;
     padding-right: govuk-spacing(1);
     margin-top: 0;
   }
 }
 
-.direction-rtl .gem-c-metadata .gem-c-metadata__term,
-.gem-c-metadata.direction-rtl .gem-c-metadata__term {
-  float: inline-start;
-  clear: inline-start;
-
+.direction-rtl .gem-c-metadata__term {
   @include govuk-media-query($from: tablet) {
+    float: right;
+    clear: right;
     padding-left: govuk-spacing(1);
     padding-right: 0;
   }
@@ -85,11 +84,6 @@
   }
 }
 
-.direction-rtl .gem-c-metadata .gem-c-metadata__definition,
-.gem-c-metadata.direction-rtl .gem-c-metadata__definition {
-  float: inline-start;
-}
-
 .gem-c-metadata__toggle-wrap {
   display: none;
 }