Merge pull request #1036 from alphagov/fix-page-title-context-link

Fix focus style on page title context link
alphagov · Aug 9, 2019 · fb51504 · fb51504
2 parents 137b158 + b30408b
commit fb51504
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_title.scss b/app/assets/stylesheets/govuk_publishing_components/components/_title.scss
@@ -19,15 +19,15 @@
   &:link,
   &:visited {
     color: inherit;
+  }
 
-    &:focus {
-      color: $govuk-focus-text-colour;
-    }
+  &:hover {
+    text-decoration: underline;
   }
 
-  &:hover,
   &:focus {
-    text-decoration: underline;
+    text-decoration: none;
+    color: $govuk-focus-text-colour;
   }
 }
 

diff --git a/app/views/govuk_publishing_components/components/_title.html.erb b/app/views/govuk_publishing_components/components/_title.html.erb
@@ -17,7 +17,7 @@
 <%= content_tag(:div, class: classes) do %>
   <% if context %>
     <p class="gem-c-title__context">
-      <%= context_href ? link_to(context_text, context_href, class: 'gem-c-title__context-link', data: context_data) : context_text %>
+      <%= context_href ? link_to(context_text, context_href, class: 'gem-c-title__context-link govuk-link', data: context_data) : context_text %>
     </p>
   <% end %>
   <h1 class="gem-c-title__text <% if average_title_length %>gem-c-title__text--<%= average_title_length %><% end %>">