Skip to content

Commit 55ac87e

Browse files
Update changelog to reflect left aligned navigation in header component
1 parent 6b99d49 commit 55ac87e

File tree

1 file changed

+13
-0
lines changed

1 file changed

+13
-0
lines changed

CHANGELOG.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,19 @@ We've made fixes to NHS.UK frontend in the following pull requests:
3636
<nav class="nhsuk-navigation" aria-label="Menu">
3737
```
3838

39+
- Update header navigation to align items to the left. ([PR 1138](https://github.com/nhsuk/nhsuk-frontend/pull/1138)). To restore the previous behaviour, where navigation items appeared evenly spaced out, use the `.nhsuk-header__navigation-list--justified` modifier class:
40+
41+
```html
42+
<ul class="nhsuk-header__navigation-list nhsuk-header__navigation-list--justified">
43+
<li class="nhsuk-header__navigation-item">
44+
<a class="nhsuk-header__navigation-link" href="#">Health A-Z</a>
45+
</li>
46+
...
47+
</ul>
48+
```
49+
50+
If you are using the `.nhsuk-header__navigation-list--left-aligned` modifier class, this can now be removed.
51+
3952
:boom: **Breaking changes**
4053

4154
- Remove the boolean `showNav`, `showSearch` and `transactional` options from the header component. Respective parts of the header are now shown if values for `primaryLinks`, `search` or `transactionalService` options are provided. Additionally, the `searchAction` option is renamed `search.action` and the `searchInputName` option is renamed `search.name`. Finally, the label, button and placeholder text for the search input can be updated using the new `search.visuallyHiddenLabel`, `search.visuallyHiddenButton` and `search.placeholder` options. ([PR 996](https://github.com/nhsuk/nhsuk-frontend/pull/996))

0 commit comments

Comments
 (0)