From cda1ec463021f506acc4180fb7af1e1ffff4246e Mon Sep 17 00:00:00 2001 From: Theodor Vararu Date: Thu, 31 Mar 2016 13:03:41 +0100 Subject: [PATCH] Update emergency banner link styling. The link will overlap the text if the last line of the text is too long. This causes the link to display as it does on mobile, which is left aligned and block-level. It also changes to a semantic CSS class name. Relevant Trello ticket: https://trello.com/c/cm6VO0q4/341-emergency-publishing-frontend-bugs-medium A follow-up PR will be submitted to alphagov/fabric-scripts to update the class name. --- .../helpers/_emergency-publishing-notifications.scss | 7 ++----- app/views/notifications/banner.erb.example | 2 +- 2 files changed, 3 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/helpers/_emergency-publishing-notifications.scss b/app/assets/stylesheets/helpers/_emergency-publishing-notifications.scss index 8144d9ff1..b2b9f060c 100644 --- a/app/assets/stylesheets/helpers/_emergency-publishing-notifications.scss +++ b/app/assets/stylesheets/helpers/_emergency-publishing-notifications.scss @@ -32,14 +32,11 @@ a { color: #fff; - &.right { + &.more-information { display: block; - padding: 0; @include media(tablet) { - padding: 0 30px 0 0; - margin-top: (25 / 19) * -1em; - text-align: right; + padding: 0 30px; } } } diff --git a/app/views/notifications/banner.erb.example b/app/views/notifications/banner.erb.example index 7d598ba38..95eaa19e0 100644 --- a/app/views/notifications/banner.erb.example +++ b/app/views/notifications/banner.erb.example @@ -10,4 +10,4 @@ notification that you would like to show.

Your message goes here
This is the second line of your message!

-More information +More information