From 87da79f976c006a383aa10c85d778eec3b04bd45 Mon Sep 17 00:00:00 2001 From: Mateusz Grotek Date: Wed, 29 Jan 2025 15:38:36 +0000 Subject: [PATCH] Fix RTL support in metadata component --- CHANGELOG.md | 1 + .../components/_metadata.scss | 22 +++---------------- 2 files changed, 4 insertions(+), 19 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index ccbb2b6c1e..db1b4df2f1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,6 +10,7 @@ ## Unreleased * 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; }