From f5a553627a6e5d51014bb9a3867e08c163245439 Mon Sep 17 00:00:00 2001 From: Oliver Byford Date: Wed, 31 May 2023 11:02:10 +0100 Subject: [PATCH] Capitalise tags MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The tag component is being redesigned [1] as part of a wider piece of work on task lists, and the new design will be released as part of v5.0. The changes include a change in case of tags from UPPERCASE to Sentence case. At the moment in some of our examples the tag text is lowercase in the HTML source, but this doesn’t matter as a CSS text-transform is applied. We’re currently planning to include a CSS adjustment [2] to try and sentence case existing tags, but it makes sense to update these examples to use sentence case anyway. [1]: https://github.com/alphagov/govuk-frontend/pull/3502 [2]: https://github.com/alphagov/govuk-frontend/blob/188ad751fa9e9c1db5eaa62e556483adec2b2ff8/packages/govuk-frontend/src/govuk/components/tag/_index.scss#L36-L43 --- src/components/phase-banner/beta/index.njk | 2 +- src/components/phase-banner/default/index.njk | 2 +- src/components/tag/default/index.njk | 2 +- src/styles/page-template/custom/code.njk | 2 +- src/styles/page-template/custom/index.njk | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/phase-banner/beta/index.njk b/src/components/phase-banner/beta/index.njk index 29e74e57df..f576eec337 100644 --- a/src/components/phase-banner/beta/index.njk +++ b/src/components/phase-banner/beta/index.njk @@ -6,7 +6,7 @@ layout: layout-example.njk {% from "govuk/components/phase-banner/macro.njk" import govukPhaseBanner %} {{ govukPhaseBanner({ tag: { - text: "beta" + text: "Beta" }, html: 'This is a new service – your feedback will help us to improve it.' }) }} diff --git a/src/components/phase-banner/default/index.njk b/src/components/phase-banner/default/index.njk index c12d15dd3f..fb30855e39 100644 --- a/src/components/phase-banner/default/index.njk +++ b/src/components/phase-banner/default/index.njk @@ -6,7 +6,7 @@ layout: layout-example.njk {% from "govuk/components/phase-banner/macro.njk" import govukPhaseBanner %} {{ govukPhaseBanner({ tag: { - text: "alpha" + text: "Alpha" }, html: 'This is a new service – your feedback will help us to improve it.' }) }} diff --git a/src/components/tag/default/index.njk b/src/components/tag/default/index.njk index b2ac7bae1c..76bd8a83eb 100644 --- a/src/components/tag/default/index.njk +++ b/src/components/tag/default/index.njk @@ -6,5 +6,5 @@ layout: layout-example.njk {%- from "govuk/components/tag/macro.njk" import govukTag -%} {{ govukTag({ - text: "completed" + text: "Completed" }) }} diff --git a/src/styles/page-template/custom/code.njk b/src/styles/page-template/custom/code.njk index b852059d28..f53157b8d8 100644 --- a/src/styles/page-template/custom/code.njk +++ b/src/styles/page-template/custom/code.njk @@ -107,7 +107,7 @@ ignore_in_sitemap: true {% block beforeContent %} {{ govukPhaseBanner({ tag: { - text: "alpha" + text: "Alpha" }, html: 'This is a new service – your feedback will help us to improve it.' }) }} diff --git a/src/styles/page-template/custom/index.njk b/src/styles/page-template/custom/index.njk index b8a285798b..4220d6faec 100644 --- a/src/styles/page-template/custom/index.njk +++ b/src/styles/page-template/custom/index.njk @@ -108,7 +108,7 @@ ignore_in_sitemap: true {% block beforeContent %} {{ govukPhaseBanner({ tag: { - text: "alpha" + text: "Alpha" }, html: 'This is a new service – your feedback will help us to improve it.' }) }}