diff --git a/CHANGELOG.md b/CHANGELOG.md index 3e3d8c5901..bf2ae1822e 100644 --- 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 index 87468f03c2..abbff0b3e7 100644 --- 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; }