diff --git a/CHANGELOG.md b/CHANGELOG.md index 2487ce6644..514c36e0b0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,13 @@ # NHS.UK frontend Changelog +## 9.6.4 - 10 July 2025 + +Note: This release was created from the `support/9.x` branch. + +:wrench: **Fixes** + +- [#1471: Fix styles for button as link :visited when :active and :focus](https://github.com/nhsuk/nhsuk-frontend/pull/1471) + ## 9.6.3 - 19 June 2025 Note: This release was created from the `support/9.x` branch. diff --git a/package-lock.json b/package-lock.json index d226d6ba0d..9d79ce3e92 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "nhsuk-frontend", - "version": "9.6.3", + "version": "9.6.4", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "nhsuk-frontend", - "version": "9.6.3", + "version": "9.6.4", "license": "MIT", "workspaces": [ "." diff --git a/package.json b/package.json index 4e08738d81..540577e61d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nhsuk-frontend", - "version": "9.6.3", + "version": "9.6.4", "description": "NHS.UK frontend contains the code you need to start building user interfaces for NHS websites and services.", "engines": { "node": "^20.9.0 || ^22.11.0" diff --git a/packages/components/button/_index.scss b/packages/components/button/_index.scss index 5f9faf5816..4c814411b9 100644 --- a/packages/components/button/_index.scss +++ b/packages/components/button/_index.scss @@ -90,7 +90,8 @@ $button-padding-left-right: 16px; } // Remove button shadow when pressed - &:active { + &:active, + &:active:focus { box-shadow: none; background-color: $nhsuk-button-active-color; top: $button-shadow-size; @@ -149,7 +150,8 @@ $button-padding-left-right: 16px; } // Set border for active state (no shadow) - &:active { + &:active, + &:active:focus { background-color: $nhsuk-secondary-button-active-color; border-color: $nhsuk-secondary-button-border-color; border-radius: $button-border-radius; @@ -210,7 +212,8 @@ $button-padding-left-right: 16px; background-color: $nhsuk-reverse-button-hover-color; } - &:active { + &:active, + &:active:focus { background-color: $nhsuk-reverse-button-active-color; } } @@ -224,7 +227,8 @@ $button-padding-left-right: 16px; background-color: $nhsuk-warning-button-hover-color; } - &:active { + &:active, + &:active:focus { background-color: $nhsuk-warning-button-active-color; } } @@ -238,7 +242,8 @@ $button-padding-left-right: 16px; background-color: $nhsuk-login-button-hover-color; } - &:active { + &:active, + &:active:focus { background-color: $nhsuk-login-button-active-color; } }