Merge pull request #4596 from alphagov/3214-fix-how-arabic-translatio…

…n-is-structured-on-metadata Fix RTL support in metadata component
alphagov · Jan 31, 2025 · e944555 · e944555
2 parents 18a7d45 + 87da79f
commit e944555
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 19 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,6 +11,7 @@
 
 * Update to LUX 4.0.29 ([PR #4597](https://github.com/alphagov/govuk_publishing_components/pull/4597))
 * Add a `form` attribute to the button component ([PR #4588](https://github.com/alphagov/govuk_publishing_components/pull/4588))
+* Fix RTL support in metadata component ([PR #4596](https://github.com/alphagov/govuk_publishing_components/pull/4596))
 
 ## 51.0.0
 

diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_metadata.scss b/app/assets/stylesheets/govuk_publishing_components/components/_metadata.scss
@@ -57,24 +57,13 @@
 
   @include govuk-media-query($from: tablet) {
     box-sizing: border-box;
-    float: left;
-    clear: left;
-    padding-right: govuk-spacing(1);
+    float: inline-start;
+    padding-inline-start: 0;
+    padding-inline-end: 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;
-
-  @include govuk-media-query($from: tablet) {
-    padding-left: govuk-spacing(1);
-    padding-right: 0;
-  }
-}
-
 .gem-c-metadata__definition {
   margin: 0;
 
@@ -85,11 +74,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;
 }