From c7a67700ce572d3b85cd16ecc8aa170a8bfd5bb5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89ric=20Lemoine?= <eric.lemoine@camptocamp.com>
Date: Mon, 4 Apr 2011 07:47:07 +0000
Subject: [PATCH] fix an issue where the user cannot interact with the map when
 in the area to the left of the editing toolbar, p=jorix (closes #3241)

git-svn-id: http://svn.openlayers.org/trunk/openlayers@11865 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
---
 examples/editingtoolbar.html            | 3 +++
 examples/highlight-feature.html         | 3 +++
 examples/intersects.html                | 3 +++
 examples/multimap-mercator.html         | 3 +++
 examples/protocol-gears.html            | 3 +++
 examples/snap-split.html                | 3 +++
 examples/snapping.html                  | 3 +++
 examples/spherical-mercator.html        | 3 +++
 examples/vector-formats.html            | 3 +++
 examples/wfs-protocol-transactions.html | 8 +++++++-
 examples/wfs-snap-split.html            | 8 +++++++-
 theme/default/ie6-style.css             | 3 +++
 theme/default/style.css                 | 1 -
 13 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/examples/editingtoolbar.html b/examples/editingtoolbar.html
index 6bf1e88f9a..a73a155d27 100644
--- a/examples/editingtoolbar.html
+++ b/examples/editingtoolbar.html
@@ -6,6 +6,9 @@
         <title>OpenLayers Editing Toolbar Example</title>
         
         <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+        <!--[if lte IE 6]>
+            <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+        <![endif]-->
         <link rel="stylesheet" href="style.css" type="text/css" />
         <script src="../lib/OpenLayers.js"></script>
         <script src="../lib/Firebug/debug.js"></script>
diff --git a/examples/highlight-feature.html b/examples/highlight-feature.html
index 966d468f2c..d4284f8383 100644
--- a/examples/highlight-feature.html
+++ b/examples/highlight-feature.html
@@ -4,6 +4,9 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <title>SelectFeature Control for Select and Highlight</title> 
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <!--[if lte IE 6]>
+        <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+    <![endif]-->
     <link rel="stylesheet" href="style.css" type="text/css" />
     <style type="text/css">
         #controlToggle li {
diff --git a/examples/intersects.html b/examples/intersects.html
index 698dc7daf0..03bdf2b2a5 100644
--- a/examples/intersects.html
+++ b/examples/intersects.html
@@ -4,6 +4,9 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <title>Geometry Intersections</title>
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <!--[if lte IE 6]>
+        <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+    <![endif]-->
     <link rel="stylesheet" href="style.css" type="text/css" />
     <style type="text/css">
         html, body {
diff --git a/examples/multimap-mercator.html b/examples/multimap-mercator.html
index 0dafba252f..ccf6270619 100644
--- a/examples/multimap-mercator.html
+++ b/examples/multimap-mercator.html
@@ -4,6 +4,9 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <title>MultiMap SphericalMercator</title>
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <!--[if lte IE 6]>
+        <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+    <![endif]-->
     <link rel="stylesheet" href="style.css" type="text/css" />
     <style type="text/css">
         #map {
diff --git a/examples/protocol-gears.html b/examples/protocol-gears.html
index 86683cb362..fd2eaf0517 100644
--- a/examples/protocol-gears.html
+++ b/examples/protocol-gears.html
@@ -3,6 +3,9 @@
     <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <!--[if lte IE 6]>
+        <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+    <![endif]-->
     <link rel="stylesheet" href="style.css" type="text/css" />
     <style type="text/css">
         .float-left {
diff --git a/examples/snap-split.html b/examples/snap-split.html
index 536b1fb8f7..08b6730664 100644
--- a/examples/snap-split.html
+++ b/examples/snap-split.html
@@ -4,6 +4,9 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <title>Snapping & Splitting</title>
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <!--[if lte IE 6]>
+        <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+    <![endif]-->
     <link rel="stylesheet" href="style.css" type="text/css" />
     <style type="text/css">
         .olControlEditingToolbar .olControlModifyFeatureItemInactive { 
diff --git a/examples/snapping.html b/examples/snapping.html
index 9c46317c4f..b9ba5fad6b 100644
--- a/examples/snapping.html
+++ b/examples/snapping.html
@@ -4,6 +4,9 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <title>Snapping</title>
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <!--[if lte IE 6]>
+        <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+    <![endif]-->
     <link rel="stylesheet" href="style.css" type="text/css" />
     <style type="text/css">
         .olControlEditingToolbar .olControlModifyFeatureItemInactive { 
diff --git a/examples/spherical-mercator.html b/examples/spherical-mercator.html
index 040f56da54..f31c4a8c8f 100644
--- a/examples/spherical-mercator.html
+++ b/examples/spherical-mercator.html
@@ -4,6 +4,9 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <title>OpenLayers: Spherical Mercator</title>
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <!--[if lte IE 6]>
+        <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+    <![endif]-->
     <link rel="stylesheet" href="style.css" type="text/css" />
     <style type="text/css">
         .olControlAttribution { bottom: 0px!important }
diff --git a/examples/vector-formats.html b/examples/vector-formats.html
index ecddf36f46..9e170e268e 100644
--- a/examples/vector-formats.html
+++ b/examples/vector-formats.html
@@ -4,6 +4,9 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <title>Vector Formats</title>
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <!--[if lte IE 6]>
+        <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+    <![endif]-->
     <link rel="stylesheet" href="style.css" type="text/css" />
     <style type="text/css">
         input, select, textarea {
diff --git a/examples/wfs-protocol-transactions.html b/examples/wfs-protocol-transactions.html
index d99e4618de..38f9adcbd5 100644
--- a/examples/wfs-protocol-transactions.html
+++ b/examples/wfs-protocol-transactions.html
@@ -6,12 +6,18 @@
     <link rel="stylesheet" href="style.css" type="text/css" />
     <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
     <script src="../lib/OpenLayers.js"></script>
+    <!--[if lte IE 6]>
+        <style>
+            .customEditingToolbar {
+                width: 200px;
+            }
+        </style>
+    <![endif]-->   
     <style>
         .customEditingToolbar {
             float: right;
             right: 0px;
             height: 30px; 
-            width: 200px;
         }
         .customEditingToolbar div {
             float: right;
diff --git a/examples/wfs-snap-split.html b/examples/wfs-snap-split.html
index 1fdab0f050..7dc24734b6 100644
--- a/examples/wfs-snap-split.html
+++ b/examples/wfs-snap-split.html
@@ -5,12 +5,18 @@
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
     <link rel="stylesheet" href="style.css" type="text/css" />
     <script src="../lib/OpenLayers.js"></script>
+    <!--[if lte IE 6]>
+        <style>
+            .customEditingToolbar {
+                width: 200px;
+            }
+        </style>
+    <![endif]--> 
     <style>
         .customEditingToolbar {
             float: right;
             right: 0px;
             height: 30px; 
-            width: 200px;
         }
         .customEditingToolbar div {
             float: right;
diff --git a/theme/default/ie6-style.css b/theme/default/ie6-style.css
index 65f6b192cd..a0fd7c6392 100644
--- a/theme/default/ie6-style.css
+++ b/theme/default/ie6-style.css
@@ -4,4 +4,7 @@
 .olControlPanPanel div {
     background-image: url(img/pan-panel-NOALPHA.png);
 }
+.olControlEditingToolbar {
+    width: 200px;
+}
 
diff --git a/theme/default/style.css b/theme/default/style.css
index 7c44267e34..ae5b6b4a74 100644
--- a/theme/default/style.css
+++ b/theme/default/style.css
@@ -376,7 +376,6 @@ div.olControlSaveFeaturesItemInactive {
 .olControlEditingToolbar {
     right: 0;
     top: 0;
-    width: 200px; /* Only for IE6 or IE without DOCTYPE */
 }
 .olControlNavToolbar {
     top: 295px;