Merge pull request #3963 from alphagov/titles-to-headings

Replace title components with headings
alphagov · Jan 22, 2025 · 84ed6b7 · 84ed6b7
2 parents a86d603 + e02d688
commit 84ed6b7
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 12 deletions.
diff --git a/app/views/coronavirus_landing_page/components/landing_page/_page_header.html.erb b/app/views/coronavirus_landing_page/components/landing_page/_page_header.html.erb
@@ -8,11 +8,13 @@
   <div class="govuk-width-container">
     <div class="govuk-grid-row">
       <div class="govuk-grid-column-two-thirds">
-        <%= render "govuk_publishing_components/components/title", {
-          title: raw(title),
-          inverse: true,
-          margin_top: 0
-        } %>
+          <%= render "govuk_publishing_components/components/heading", {
+            text: raw(title),
+            heading_level: 1,
+            font_size: "xl",
+            inverse: true,
+            margin_bottom: 8
+          } %>
       </div>
     </div>
   </div>

diff --git a/app/views/development/index.html.erb b/app/views/development/index.html.erb
@@ -7,8 +7,13 @@
 </head>
 <body>
 <div id="wrapper">
-  <main class="govspeak">
-    <%= render "govuk_publishing_components/components/title", title: "collections" %>
+  <main class="govspeak govuk-!-margin-top-8">
+    <%= render "govuk_publishing_components/components/heading", {
+      text: "collections",
+      heading_level: 1,
+      font_size: "xl",
+      margin_bottom: 8
+    } %>
     <% html = capture do %>
       <p><%= t('development.header') %>.</p>
       <table>

diff --git a/app/views/taxons/_page_header.html.erb b/app/views/taxons/_page_header.html.erb
@@ -5,13 +5,13 @@
   <div class="govuk-width-container">
     <div class="govuk-grid-row">
       <div class="govuk-grid-column-two-thirds">
-        <%= render "govuk_publishing_components/components/title", {
-          title: presented_taxon.title,
-          average_title_length: 'long',
+        <%= render "govuk_publishing_components/components/heading", {
+          text: presented_taxon.title,
+          heading_level: 1,
+          font_size: "l",
           inverse: true,
-          margin_top: 0
+          margin_bottom: 8
         } %>
-
         <%= render 'govuk_publishing_components/components/lead_paragraph', {
             text: presented_taxon.description,
             inverse: true