From 5890095563269359385313253b45f6033de5e8f5 Mon Sep 17 00:00:00 2001
From: Hakim Cassimally <hakim@mysociety.org>
Date: Tue, 4 Nov 2014 15:23:27 +0000
Subject: EastSussex. z-index fixes for IE7

The #map_box div wasn't clickable, so we had to reset its z-index from the
broken -1 to 0.  IE7 doesn't like setting z-index to 0 in javascript (as it's a
falsy value) so instead we set the z-index of parent and sibling elements (body
and site-header) to 1 to make sure they are visible.

position:relative in base.scss is to make sure that the header is now
shown (similar to @6296cb33)

See https://github.com/mysociety/FixMyStreet-Commercial/issues/639
---
 web/cobrands/eastsussex/base.scss       | 10 ++++++++++
 web/cobrands/eastsussex/layout.scss     |  1 +
 web/cobrands/eastsussex/position_map.js |  4 ++--
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/web/cobrands/eastsussex/base.scss b/web/cobrands/eastsussex/base.scss
index 9c72a8c47..6285b8662 100644
--- a/web/cobrands/eastsussex/base.scss
+++ b/web/cobrands/eastsussex/base.scss
@@ -46,6 +46,7 @@ h1.main {
 }
 
 #site-header {
+    position: relative;
     background: $primary;
     height: 76px;
     border-top-width: 4px;
@@ -224,3 +225,12 @@ styling, but this doesn't dtrt with span, so adding ourselves */
 #geolocate_link {
     font-size: 1.0em;
 }
+
+.ie6, .ie7 {
+    body {
+        z-index: 1;
+    }
+    #site-header {
+        z-index: 1;
+    }
+}
diff --git a/web/cobrands/eastsussex/layout.scss b/web/cobrands/eastsussex/layout.scss
index 6dd3eaad8..c25d5ff0c 100644
--- a/web/cobrands/eastsussex/layout.scss
+++ b/web/cobrands/eastsussex/layout.scss
@@ -260,3 +260,4 @@ body.twothirdswidthpage .content aside {
         display: block;
     }
 }
+
diff --git a/web/cobrands/eastsussex/position_map.js b/web/cobrands/eastsussex/position_map.js
index 30ee88c67..71794e8d6 100644
--- a/web/cobrands/eastsussex/position_map.js
+++ b/web/cobrands/eastsussex/position_map.js
@@ -2,14 +2,14 @@ function position_map_box() {
     var $html = $('html');
     if ($html.hasClass('ie6')) {
         $('#map_box').prependTo('body').css({
-            zIndex: -1, position: 'absolute',
+            zIndex: 0, position: 'absolute',
             top: 0, left: 0, right: 0, bottom: 0,
             width: '100%', height: $(window).height(),
             margin: 0
         });
     } else {
         $('#map_box').prependTo('body').css({
-            zIndex: -1, position: 'fixed',
+            zIndex: 0, position: 'fixed',
             top: 0, left: 0, right: 0, bottom: 0,
             width: '100%', height: '100%',
             margin: 0
-- 
cgit v1.2.3