diff options
| author | Zarino Zappia <mail@zarino.co.uk> | 2016-03-11 16:33:10 +0000 |
|---|---|---|
| committer | Matthew Somerville <matthew-github@dracos.co.uk> | 2016-06-03 18:39:03 +0100 |
| commit | 50c61f97568b59d6430c32fdcde7b76ac9f6f6f3 (patch) | |
| tree | c7d822a22502100894761a0133ddfe5ff69b5acd /templates/web/seesomething/tokens/confirm_problem.html | |
| parent | 12e08657db9a65196c082c9a9bee72e157cc1d12 (diff) | |
Absolutely position map pages.
This simplifies the page layout and code. We add a new #map_sidebar for
sidebar positioning, and a $mappage-header-height (defaulting to 4em)
variable. We no longer need:
* position_map_box;
* map_fix;
* special visual centre calculation; or
* custom pan zoom positioning.
As the sidebar now scrolls by itself and nothing can extend outside:
* The big-green-banner is set to 100% width (with negative margins no
longer required);
* For cobrands that have an overhanging sidebar (e.g. Zurich), we add
a .with-notes variant that adds a second column to the sidebar,
perfect for containing secondary notes about the form.
The resizing of the banner also required some tweaking to the size of
the chevron-white SVG images.
Update the $.fn.drawer() method for the new layout. Works well in IE7+8,
and degrades gracefully in IE6.
For IE7, we remove the existing z-index hacks, and put a new, simpler,
one in, and fix a CSS bug that was hiding the map.
Various cobrands are updated to adapt to the changes.
Diffstat (limited to 'templates/web/seesomething/tokens/confirm_problem.html')
| -rw-r--r-- | templates/web/seesomething/tokens/confirm_problem.html | 24 |
1 files changed, 14 insertions, 10 deletions
diff --git a/templates/web/seesomething/tokens/confirm_problem.html b/templates/web/seesomething/tokens/confirm_problem.html index 4a11d14b4..0a455434b 100644 --- a/templates/web/seesomething/tokens/confirm_problem.html +++ b/templates/web/seesomething/tokens/confirm_problem.html @@ -11,19 +11,23 @@ %] - [% IF report.used_map %] +[% IF report.used_map %] [% map_html %] - </div> - [% END %] + <div id="map_sidebar"> +[% END %] + + <div id="side"> + <div id="report-a-problem-main"> + <h1>Complete</h1> + <p>Your report has been sent. If you included contact details we may be in touch to follow up or request more details.</p> + <p>Thank you for saying something and making our transport safer.</p> + <p><img src="../cobrands/seesomething/images/btp-wmp-logos.png" alt="British Transport Police and the West Midlands Police" width="271" height="116"></p> + </div> + </div> - <div id="side"> -<div id="report-a-problem-main"> - <h1>Complete</h1> - <p>Your report has been sent. If you included contact details we may be in touch to follow up or request more details.</p> - <p>Thank you for saying something and making our transport safer.</p> - <p><img src="../cobrands/seesomething/images/btp-wmp-logos.png" alt="British Transport Police and the West Midlands Police" width="271" height="116"></p> -</div> +[% IF report.used_map %] </div> +[% END %] [% INCLUDE 'footer.html' %] |