Make the service name heading a black link

alphagov · Oct 14, 2024 · 7ccafa7 · 7ccafa7
1 parent fd3f129
commit 7ccafa7
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/app/assets/stylesheets/views/_landing_page/main-navigation.scss b/app/assets/stylesheets/views/_landing_page/main-navigation.scss
@@ -65,12 +65,22 @@
   content: "▼"
 }
 
-.app-b-main-nav__heading {
+.app-b-main-nav__heading-p {
   display: inline-block;
   margin-bottom: 0;
   margin-right: govuk-spacing(9);
 }
 
+.app-b-main-nav__heading-link {
+  &:link,
+  &:visited {
+    color: govuk-colour("black");
+  }
+  @include govuk-media-query($until: "desktop") {
+    margin-bottom: 0;
+  }
+}
+
 .app-b-main-nav__childlist {
   display: none;
   @include govuk-media-query($until: "desktop") {

diff --git a/app/views/landing_page/blocks/_main_navigation.html.erb b/app/views/landing_page/blocks/_main_navigation.html.erb
@@ -3,7 +3,7 @@
 %>
 
 <div class="app-b-main-nav" data-module="app-b-main-navigation">
-  <p class="app-b-main-nav__heading govuk-heading-s"><%= block.data["title"]%></p>
+  <p class="app-b-main-nav__heading-p"><a class="govuk-heading-s govuk-link govuk-link--no-underline app-b-main-nav__heading-link" href="<%= block.data["title_link"]%>"><%= block.data["title"]%></a></p>
   <button class="app-b-main-nav__button js-app-b-main-nav__button govuk-link govuk-link--no-underline" aria-expanded="false" aria-controls="app-b-main-nav__nav" type="button">Menu<span class="app-b-main-nav__icon" aria-hidden="true"></span></button>
 
   <nav id="app-b-main-nav__nav">

diff --git a/lib/data/landing_page_content_items/landing_page.yaml b/lib/data/landing_page_content_items/landing_page.yaml
@@ -14,7 +14,8 @@ blocks:
       - label: Child 2
         link: /b
         active: false
-  title: Orienting Title
+  title: Service name
+  title_link: /landing-page
 - type: hero
   image:
     alt: "Placeholder alt text"