aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorZarino Zappia <mail@zarino.co.uk>2018-05-10 10:20:00 +0100
committerZarino Zappia <mail@zarino.co.uk>2018-05-10 11:56:40 +0100
commit341fde213cceb642b60cfea936e31f80a8fedbff (patch)
treef82018a7d3d2195b307eb83f34741564a430a2dc
parent543518fe4eb3842d6f3060c9ebf4beb9c9c9a5ae (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.html34
-rw-r--r--web/cobrands/fixmystreet.com/base.scss64
-rw-r--r--web/cobrands/fixmystreet.com/layout.scss15
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;