diff --git a/CHANGELOG.md b/CHANGELOG.md index 7dc70c220..d4f68547f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,11 @@ # NHS.UK frontend Changelog +## Unreleased + +:wrench: **Fixes** + +- Use paragraphs for error messages ([PR 1030](https://github.com/nhsuk/nhsuk-frontend/pull/1030), [Fixes 1029](https://github.com/nhsuk/nhsuk-frontend/issues/1029)) + ## 9.0.0 - 18 September 2024 :boom: **Breaking changes** diff --git a/packages/components/error-message/README.md b/packages/components/error-message/README.md index 7def2ea14..9ea33ce95 100644 --- a/packages/components/error-message/README.md +++ b/packages/components/error-message/README.md @@ -11,10 +11,10 @@ Find out more about the error message component and when to use it in the [NHS d ### HTML markup ```html - +

Error: Error message about full name goes here - +

``` ### Nunjucks macro diff --git a/packages/components/error-message/_error-message.scss b/packages/components/error-message/_error-message.scss index 9a33a5c3f..eb82f16e1 100644 --- a/packages/components/error-message/_error-message.scss +++ b/packages/components/error-message/_error-message.scss @@ -8,5 +8,6 @@ clear: both; color: $nhsuk-error-color; display: block; + margin-top: 0; // Reset any default browser margins for paragraphs margin-bottom: nhsuk-spacing(3); } diff --git a/packages/components/error-message/template.njk b/packages/components/error-message/template.njk index 0b273e6d8..782ee63e6 100644 --- a/packages/components/error-message/template.njk +++ b/packages/components/error-message/template.njk @@ -2,10 +2,10 @@ {% set visuallyHiddenText = params.visuallyHiddenText | default("Error") -%} - {% if visuallyHiddenText %}{{ visuallyHiddenText }}: {% endif -%} {{ params.html | safe if params.html else params.text }} - +