diff options
| -rw-r--r-- | templates/web/fixmystreet/report/display.html | 4 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/base.scss | 23 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/layout.scss | 25 |
3 files changed, 38 insertions, 14 deletions
diff --git a/templates/web/fixmystreet/report/display.html b/templates/web/fixmystreet/report/display.html index afb7857d0..2ac0f407c 100644 --- a/templates/web/fixmystreet/report/display.html +++ b/templates/web/fixmystreet/report/display.html @@ -121,11 +121,11 @@ [% ELSE %] - <label for="form_rznvy">[% loc('Your email address' ) %]</label> + <label for="form_rznvy">[% loc('Email' ) %]</label> [% IF field_errors.email %] <p class='form-error'>[% field_errors.email %]</p> [% END %] - <input type="email" name="rznvy" id="form_rznvy" value="[% update.user.email | html %]" required> + <input type="email" name="rznvy" id="form_rznvy" value="[% update.user.email | html %]" placeholder="[% loc('Your email address' ) %]" required> <div id="form_sign_in"> <h3>[% loc("Now to submit your update…") %]</h3> diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss index 9fb8f165e..879ef7846 100644 --- a/web/cobrands/fixmystreet/base.scss +++ b/web/cobrands/fixmystreet/base.scss @@ -785,8 +785,8 @@ a:hover.button-left { .banner { position: relative; - z-index:1000; - #fixed { + z-index:1100; + p { position: absolute; top:-1.95em; right:0; @@ -794,8 +794,9 @@ a:hover.button-left { font-size:0.6875em;//11px line-height:1em; padding:0.5em 1em; - color:#fff; - background: $contrast1; + margin:0; + color:#1a1a1a; + background: #ccc; text: { transform:uppercase; align:center; @@ -808,7 +809,19 @@ a:hover.button-left { width: 0; height: 0; border-left: 0.5em solid transparent; - border-bottom: 0.5em solid #4B8304; + border-bottom: 0.5em solid #888; + } + &#fixed { + color:#fff; + background: $contrast1; + &:before { + border-bottom: 0.5em solid #4B8304; + } + } + &#unknown, + &#closed, + &#progress { + // do we need other colours for these states? } } } diff --git a/web/cobrands/fixmystreet/layout.scss b/web/cobrands/fixmystreet/layout.scss index 71904cd4f..433fe1152 100644 --- a/web/cobrands/fixmystreet/layout.scss +++ b/web/cobrands/fixmystreet/layout.scss @@ -636,17 +636,28 @@ body.twothirdswidthpage { } .banner { - // fixed banner image - #fixed { + // state banners + p { top:-2.25em; - padding-top:5em; - background-image:url(images/sprite.png); - background-position:-324px -326px; - background-repeat:no-repeat; + padding:1em; &:before { left:-0.75em; border-left: 0.75em solid transparent; - border-bottom: 0.75em solid #4B8304; + border-bottom: 0.75em solid #888; + } + &#fixed { + padding-top:5em; + background-image:url(images/sprite.png); + background-position:-324px -326px; + background-repeat:no-repeat; + &:before { + border-bottom: 0.75em solid #4B8304; + } + } + &#unknown, + &#closed, + &#progress { + // do we need other colours/images for these states? } } } |