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 /web/cobrands/harrogate/layout.scss | |
| 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 'web/cobrands/harrogate/layout.scss')
| -rw-r--r-- | web/cobrands/harrogate/layout.scss | 17 |
1 files changed, 5 insertions, 12 deletions
diff --git a/web/cobrands/harrogate/layout.scss b/web/cobrands/harrogate/layout.scss index 417eff539..904a707b1 100644 --- a/web/cobrands/harrogate/layout.scss +++ b/web/cobrands/harrogate/layout.scss @@ -1,3 +1,6 @@ +// Super tall map page header to accommodate the big logo +$mappage-header-height: 10em; + @import "_colours"; @import "../sass/layout"; @@ -7,7 +10,7 @@ body.frontpage #site-logo, .ie6 body.frontpage #site-logo, - + body.twothirdswidthpage #site-logo, .ie6 body.twothirdswidthpage #site-logo { @@ -22,21 +25,11 @@ body.frontpage #site-header, .ie6 body.frontpage #site-header, - body.twothirdswidthpage #site-header, - .ie6 body.twothirdswidthpage #site-header, - - body.mappage #site-header, - .ie6 body.mappage #site-header, - body.mappage .nav-wrapper-2, - .ie6 body.mappage .nav-wrapper-2 + .ie6 body.twothirdswidthpage #site-header { height: 10em; } - - #fms_pan_zoom { - top: 10.75em!important; - } } @media only screen and (min-width: 48em) { |