From 7df62585a7f66b6970f5d5cb4e69bf4203985b96 Mon Sep 17 00:00:00 2001 From: Chris Heathcote Date: Tue, 8 Dec 2015 14:17:40 +0000 Subject: [PATCH] Added CSS to make the phase banner work and stick in the right position --- app/static/stylesheets/govuk-template.css | 50 +++++++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/app/static/stylesheets/govuk-template.css b/app/static/stylesheets/govuk-template.css index 98ba211ef..3ea16228b 100644 --- a/app/static/stylesheets/govuk-template.css +++ b/app/static/stylesheets/govuk-template.css @@ -2924,3 +2924,53 @@ button:focus, line-height: 1.31579; } } +/* line 24, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ +.phase-tag { + display: -moz-inline-stack; + display: inline-block; + vertical-align: top; + margin: 0 8px 0 0; + padding: 2px 5px 0; + font-family: "nta", Arial, sans-serif; + font-size: 14px; + line-height: 1.14286; + font-weight: 700; + text-transform: none; + text-transform: uppercase; + letter-spacing: 1px; + text-decoration: none; + color: #fff; + background-color: #f47738; +} +@media (min-width: 641px) { + /* line 24, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ + .phase-tag { + vertical-align: baseline; + } +} +@media (min-width: 641px) { + /* line 24, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ + .phase-tag { + font-size: 16px; + line-height: 1.25; + } +} + +@media (min-width: 641px) { + /* line 29, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ + .phase-tag { + font-size: 16px; + line-height: 1.25; + margin-top: 7px; + } +} +@media (max-width: 641px) { + /* line 38, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ + .phase-tag { + margin-top: 11px; + } +} +/* line 45, /Users/chrisheathcote/Dropbox/GDS/notifications-dev/notifications-admin/app/assets/stylesheets/app.scss */ +#global-header #logo { + white-space: nowrap; +}