diff --git a/app/assets/stylesheets/helpers/_header.scss b/app/assets/stylesheets/helpers/_header.scss index 72b4239a8..7cc33c5c6 100644 --- a/app/assets/stylesheets/helpers/_header.scss +++ b/app/assets/stylesheets/helpers/_header.scss @@ -388,9 +388,10 @@ .global-bar-message { margin-bottom: 0; margin-top: 0; + max-width: 70%; @include media(tablet) { - max-width: 66.67%; + max-width: auto; } .global-bar-title { @@ -398,5 +399,9 @@ font-weight: 700; margin-right: 10px; } + + .global-bar-link { + @include bold-19; + } } } diff --git a/app/views/notifications/_global_bar.html.erb b/app/views/notifications/_global_bar.html.erb index 16b05cb85..d505cc662 100644 --- a/app/views/notifications/_global_bar.html.erb +++ b/app/views/notifications/_global_bar.html.erb @@ -1,8 +1,8 @@ <% show_global_bar ||= true # Toggles the appearance of the global bar - title = "The United Kingdom is leaving the European Union on 31 October 2019." + title = false link_href = "/brexit" - link_text = "Get ready for Brexit" + link_text = "Get ready for Brexit on 31 October 2019" -%> <% if show_global_bar %> <% content_for :head do %> @@ -14,13 +14,18 @@

- <%= title %> - <%= link_to( - link_text, - link_href, - rel: "external noreferrer", - class: "js-call-to-action" - ) %> + <% if title %> + <%= title %> + <% end %> + + <% if link_href && link_text %> + <%= link_to( + link_text, + link_href, + rel: "external noreferrer", + class: "global-bar-link js-call-to-action" + ) %> + <% end %>