Merge pull request #2299 from alphagov/update-global-bar

Update global bar to add transition link
alphagov · Oct 16, 2020 · 204507c · 204507c
2 parents 21a6ad5 + d15c943
commit 204507c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/app/assets/stylesheets/helpers/_header.scss b/app/assets/stylesheets/helpers/_header.scss
@@ -509,7 +509,7 @@ $covid-grey: #262828;
 .global-bar {
   @include govuk-font(19);
   background-color: govuk-colour("black");
-  border-top: govuk-spacing(2) solid $covid-yellow;
+  border-top: govuk-spacing(2) solid govuk-colour("blue");
   border-bottom: 1px solid govuk-colour("white");
   display: none;
 

diff --git a/app/views/notifications/_global_bar.html.erb b/app/views/notifications/_global_bar.html.erb
@@ -10,6 +10,10 @@
   coronavirus_href = "/coronavirus"
   coronavirus_subtext = "Guidance and support"
 
+  transition_title = "The UK and EU transition"
+  transition_href = "/transition"
+  transition_subtext = "Take action now for new rules in 2021"
+
   # Toggles banner being permanently visible
   # If true, banner is always_visible & does not disappear automatically after 3 pageviews
   # Regardless of value, banner is always manually dismissable by users
@@ -69,7 +73,18 @@
             href: coronavirus_href,
             subtext: coronavirus_subtext,
             classes: "js-call-to-action",
-            light_text: true
+            light_text: true,
+            simple_light: true,
+            margin_bottom: 3
+          } %>
+
+          <%= render "govuk_publishing_components/components/action_link", {
+            text: transition_title,
+            href: transition_href,
+            subtext: transition_subtext,
+            classes: "js-call-to-action",
+            light_text: true,
+            simple_light: true
           } %>
         </div>
       <% end %>