From c53cdde426561feaa99eeacb6d105b0a8a937e38 Mon Sep 17 00:00:00 2001 From: Keith Lawrence Date: Tue, 10 Dec 2024 14:59:04 +0000 Subject: [PATCH] Remove min-width from share links flexbox variant list-items - retain 100% min-width on mobile --- CHANGELOG.md | 1 + .../govuk_publishing_components/components/_share-links.scss | 5 ++++- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index a615056f69..2a5787da8c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,7 @@ ## Unreleased +* Remove min-width from share links flexbox variant list-items ([PR #4488](https://github.com/alphagov/govuk_publishing_components/pull/4488)) * Add search autocomplete to layout super navigation header ([PR #4451](https://github.com/alphagov/govuk_publishing_components/pull/4451)) * Use component wrapper on reorderable list component ([PR #4474](https://github.com/alphagov/govuk_publishing_components/pull/4474)) * Use "button" button type for copy to clipboard component ([PR #4480](https://github.com/alphagov/govuk_publishing_components/pull/4480)) diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss b/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss index aa0a6de9fb..b89360b884 100644 --- a/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss +++ b/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss @@ -93,7 +93,10 @@ $column-width: 9.5em; .gem-c-share-links__list-item { padding-left: 0; padding-right: 0; - min-width: 180px; + + @include govuk-media-query($until: tablet) { + min-width: 100%; + } } .gem-c-share-links__link-icon {