diff options
author | Zarino Zappia <mail@zarino.co.uk> | 2018-05-10 10:20:00 +0100 |
---|---|---|
committer | Zarino Zappia <mail@zarino.co.uk> | 2018-05-10 11:56:40 +0100 |
commit | 341fde213cceb642b60cfea936e31f80a8fedbff (patch) | |
tree | f82018a7d3d2195b307eb83f34741564a430a2dc | |
parent | 543518fe4eb3842d6f3060c9ebf4beb9c9c9a5ae (diff) |
[fixmystreet.com] Revert #2031 (dual submit buttons on fms.com homepage)
Part of #2115.
-rw-r--r-- | templates/web/fixmystreet.com/around/postcode_form.html | 34 | ||||
-rw-r--r-- | web/cobrands/fixmystreet.com/base.scss | 64 | ||||
-rw-r--r-- | web/cobrands/fixmystreet.com/layout.scss | 15 |
3 files changed, 0 insertions, 113 deletions
diff --git a/templates/web/fixmystreet.com/around/postcode_form.html b/templates/web/fixmystreet.com/around/postcode_form.html deleted file mode 100644 index 11d4ac364..000000000 --- a/templates/web/fixmystreet.com/around/postcode_form.html +++ /dev/null @@ -1,34 +0,0 @@ -<div id="front-main"> - <div id="front-main-container"> - [% UNLESS possible_location_matches %] - [% INCLUDE 'around/intro.html' %] - [% END %] - - [% - question = c.cobrand.enter_postcode_text || loc('Enter a nearby street name and area'); - %] - - <form action="[% c.uri_for('/around') %]" method="get" name="postcodeForm" class="js-geolocate postcode-form-test"> - <label for="pc">[% question %]:</label> - <input type="text" name="pc" value="[% pc | html %]" id="pc" size="10" maxlength="200" placeholder="[% tprintf(loc('e.g. ā%sā or ā%sā'), c.cobrand.example_places) %]" class="postcode-form-test__postcode" required> - <a href="[% c.uri_for('/around') %]" id="geolocate_link" class="btn btn--geolocate">[% loc('or locate me automatically') %]</a> - - [%# Form will be submitted via this button when user presses Enter key %] - <button type="submit" class="visuallyhidden" aria-hidden="true" tabindex="-1">Go</button> - - <div class="postcode-form-test__buttons"> - [%# We can now segment users in Google Analytics by looking at "intent" query string param %] - <button type="submit" name="intent" value="report" class="btn">[% loc('Report a new problem') %]</button> - <button type="submit" name="intent" value="browse" class="btn">[% loc('Show problems') %]</button> - </div> - - [% IF partial_token %] - <input type="hidden" name="partial" value="[% partial_token.token %]"> - [% END %] - - [% IF c.user_exists AND c.user.categories.size %] - <input type="hidden" name="filter_category" value="[% c.user.categories.join(",") | html %]"> - [% END %] - </form> - </div> -</div> diff --git a/web/cobrands/fixmystreet.com/base.scss b/web/cobrands/fixmystreet.com/base.scss index d05c3d11a..d98dec712 100644 --- a/web/cobrands/fixmystreet.com/base.scss +++ b/web/cobrands/fixmystreet.com/base.scss @@ -311,70 +311,6 @@ html.lazyload .js-lazyload { border-bottom: 0.25em solid $primary; } -.postcode-form-test { - margin: 0 -1em; - padding: 1em; - background-color: $primary; - color: $primary_text; - - label { - margin: 0; - } - - // Lots of !important flags here to overpower - // selectors like `#front-main a#geolocate_link` and - // `body.fullwidthpage #front-main a#geolocate_link` - // in the core and fixmystreet.com styles. - #geolocate_link { - background: transparent !important; - border: none; - height: auto !important; - margin-top: 0 !important; - padding: 1em !important; - - &:before { - vertical-align: -0.3em; - } - } -} - -// Overloaded selector to beat input[type="text"] -input.postcode-form-test__postcode { - max-width: 100%; - width: 30em; - margin: 0.5em auto 0 auto; - padding: 0.75em; - border: 1px solid darken($primary, 10%); - box-shadow: 0 1px 1px rgba(#000, 0.2); -} - -.postcode-form-test__buttons { - margin: 1em -10px 0 -10px; - - // Browsers without flex support will just lay out the buttons - // side-by-side, breaking onto two lines at narrow widths. - @include flex-container(); - @include justify-content(center); - - $btn-blue: #469bfc; - - .btn { - color: #fff !important; - background: $btn-blue; - background-image: linear-gradient($btn-blue, darken($btn-blue, 5%)); - border: none; - border-radius: 2px; - text-shadow: 0 1px 1px rgba(0,0,0,0.2); - box-shadow: 0 1px 1px rgba(0,0,0,0.2); - margin: 0 10px 10px 10px; - - &:hover, &:focus { - background-color: darken($btn-blue, 5%); - background-image: linear-gradient(darken($btn-blue, 5%), darken($btn-blue, 10%)); - } - } -} - .healthcheck-unit { padding-left: 50px; @include svg-background-image('/cobrands/fixmystreet.com/images/healthcheck-good'); diff --git a/web/cobrands/fixmystreet.com/layout.scss b/web/cobrands/fixmystreet.com/layout.scss index 19c3fa19c..f49d4f32f 100644 --- a/web/cobrands/fixmystreet.com/layout.scss +++ b/web/cobrands/fixmystreet.com/layout.scss @@ -171,21 +171,6 @@ body.fullwidthpage { } } -.postcode-form-test { - background: transparent; - padding-top: 1.5em; -} - -// Overloaded selector to beat input[type="text"] -input.postcode-form-test__postcode { - max-width: 25em; // down from 27em, now that "GO" button has gone - font-size: 1.2em; -} - -.postcode-form-test__buttons .btn { - font-size: 1.2em; -} - body.frontpage { #site-logo { margin: 2em 0; |