From 9bb922460b3eba7307672cdfe395d9139dd3bbd3 Mon Sep 17 00:00:00 2001 From: Ed Horsford Date: Mon, 14 Oct 2024 16:40:48 +0100 Subject: [PATCH 1/2] Fix arrow visual glitch in Safari --- packages/components/card/card.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/components/card/card.scss b/packages/components/card/card.scss index 6b99fba44..50e8d25ec 100644 --- a/packages/components/card/card.scss +++ b/packages/components/card/card.scss @@ -178,6 +178,11 @@ $card-border-hover-color: $color_nhsuk-grey-3; padding-bottom: nhsuk-spacing(3); padding-top: nhsuk-spacing(3); position: relative; + + // Fix for https://github.com/nhsuk/nhsuk-frontend/issues/1048 + &:has(.nhsuk-card--care__arrow){ + transform: translateZ(0); + } } .nhsuk-card--care__heading { From 9485a3579b078c8755eb8704cd986b91c001e562 Mon Sep 17 00:00:00 2001 From: Ed Horsford Date: Mon, 14 Oct 2024 16:42:45 +0100 Subject: [PATCH 2/2] Update changelog --- CHANGELOG.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index f8fd2e5a1..9f5ea71fc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,11 @@ # NHS.UK frontend Changelog +## Unreleased + +:wrench: **Fixes** + +- Fix visual glitch with care card arrows in Safari ([Issue 1048](https://github.com/nhsuk/nhsuk-frontend/issues/1048)) + ## 9.0.1 - 9 October 2024 :wrench: **Fixes**