diff --git a/CHANGELOG.md b/CHANGELOG.md index ade4b9e6..c6f19d89 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -14,6 +14,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Changed - Updated default text on cookie banner hide buttons +- Pagination arrows are now embedded SVGs rather than requiring the Font Awesome icons CSS +- "Previous" and "Next" text in pagination buttons is no longer hidden on tiny devices ### Deprecated ### Removed diff --git a/src/nationalarchives/components/pagination/fixtures.json b/src/nationalarchives/components/pagination/fixtures.json index 2c5f5e68..8b7302fe 100644 --- a/src/nationalarchives/components/pagination/fixtures.json +++ b/src/nationalarchives/components/pagination/fixtures.json @@ -40,7 +40,7 @@ "href": "#next" } }, - "html": "" + "html": "" } ] } diff --git a/src/nationalarchives/components/pagination/template.njk b/src/nationalarchives/components/pagination/template.njk index d25930c7..0c99af16 100644 --- a/src/nationalarchives/components/pagination/template.njk +++ b/src/nationalarchives/components/pagination/template.njk @@ -12,8 +12,7 @@ text: params.previous.text if params.previous.text else "Previous", href: params.previous.href, title: params.previous.title, - icon: "arrow-left", - iconOnlyOnMobile: true, + iconSvg: '', plain: not params.solid, attributes: { rel: "prev" @@ -51,8 +50,7 @@ text: params.next.text if params.next.text else "Next", href: params.next.href, title: params.next.title, - icon: "arrow-right", - iconOnlyOnMobile: true, + iconSvg: '', plain: not params.solid, classes: "tna-button--icon-right", attributes: {