From d81f0796d4104ff1ff983ca216fc3f19b8e5db4e Mon Sep 17 00:00:00 2001
From: Antoine Abt <antoine@abt.im>
Date: Mon, 19 Mar 2012 14:42:34 +0100
Subject: [PATCH 1/2] fixes mobile examples which were using ZoomPanel

---
 examples/mobile-drawing.html  | 30 -----------------------------
 examples/mobile-drawing.js    |  2 +-
 examples/mobile-layers.html   | 36 -----------------------------------
 examples/mobile-layers.js     |  2 +-
 examples/mobile-navigation.js |  2 +-
 5 files changed, 3 insertions(+), 69 deletions(-)

diff --git a/examples/mobile-drawing.html b/examples/mobile-drawing.html
index 18db95f4f0..6a91152b89 100644
--- a/examples/mobile-drawing.html
+++ b/examples/mobile-drawing.html
@@ -25,36 +25,6 @@
                 bottom: 5px;
                 right: 5px;
             }
-            div.olControlZoomPanel .olControlZoomInItemInactive,
-            div.olControlZoomPanel .olControlZoomOutItemInactive {
-                background: rgba(0,0,0,0.2);
-                position: absolute;
-            }
-            div.olControlZoomPanel .olControlZoomInItemInactive {
-                border-radius: 5px 5px 0 0;
-            }
-            div.olControlZoomPanel .olControlZoomOutItemInactive {
-                border-radius: 0 0 5px 5px ;
-                top: 37px;
-            }
-            div.olControlZoomPanel .olControlZoomOutItemInactive:after,
-            div.olControlZoomPanel .olControlZoomInItemInactive:after {
-                font-weight: bold;
-                content: '+';
-                font-size: 36px;
-                padding:  7px;
-                z-index: 2000;
-                color: #fff;
-                line-height: 1em;
-            }
-            div.olControlZoomPanel .olControlZoomOutItemInactive:after {
-                content: '–';
-                line-height: 0.9em;
-                padding: 0 8px;
-            }
-            div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
-                display: none;
-            }
             .olControlEditingToolbar .olControlModifyFeatureItemInactive {
                 background-position: -1px -1px;
             }
diff --git a/examples/mobile-drawing.js b/examples/mobile-drawing.js
index 13494ef321..869880e30d 100644
--- a/examples/mobile-drawing.js
+++ b/examples/mobile-drawing.js
@@ -48,7 +48,7 @@ function init() {
                     enableKinetic: true
                 }
             }),
-            new OpenLayers.Control.ZoomPanel(),
+            new OpenLayers.Control.Zoom(),
             toolbar
         ],
         layers: [osm, vector],
diff --git a/examples/mobile-layers.html b/examples/mobile-layers.html
index 130f2a9738..dcb27645f9 100644
--- a/examples/mobile-layers.html
+++ b/examples/mobile-layers.html
@@ -39,42 +39,6 @@
             border-radius: 5px 0 0 0;
         }
 
-        div.olControlZoomPanel .olControlZoomInItemInactive,
-        div.olControlZoomPanel .olControlZoomOutItemInactive {
-            background: rgba(0, 0, 0, 0.2);
-            position: absolute;
-        }
-
-        div.olControlZoomPanel .olControlZoomInItemInactive {
-            border-radius: 5px 5px 0 0;
-        }
-
-        div.olControlZoomPanel .olControlZoomOutItemInactive {
-            border-radius: 0 0 5px 5px;
-            top: 37px;
-        }
-
-        div.olControlZoomPanel .olControlZoomOutItemInactive:after,
-        div.olControlZoomPanel .olControlZoomInItemInactive:after {
-            font-weight: bold;
-            content: '+';
-            font-size: 36px;
-            padding: 7px;
-            z-index: 2000;
-            color: #fff;
-            line-height: 1em;
-        }
-
-        div.olControlZoomPanel .olControlZoomOutItemInactive:after {
-            content: '–';
-            line-height: 0.9em;
-            padding: 0 8px;
-        }
-
-        div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
-            display: none;
-        }
-
         #title, #tags, #shortdesc {
             display: none;
         }
diff --git a/examples/mobile-layers.js b/examples/mobile-layers.js
index 3cb84e08bc..62c65e1393 100644
--- a/examples/mobile-layers.js
+++ b/examples/mobile-layers.js
@@ -32,7 +32,7 @@ function init() {
                     enableKinetic: true
                 }
             }),
-            new OpenLayers.Control.ZoomPanel()
+            new OpenLayers.Control.Zoom()
         ]
     });
 
diff --git a/examples/mobile-navigation.js b/examples/mobile-navigation.js
index 57929e9de3..3d4818a439 100644
--- a/examples/mobile-navigation.js
+++ b/examples/mobile-navigation.js
@@ -12,7 +12,7 @@ function init() {
                     enableKinetic: true
                 }
             }),
-            new OpenLayers.Control.ZoomPanel()
+            new OpenLayers.Control.Zoom()
         ],
         layers: [
             new OpenLayers.Layer.OSM("OpenStreetMap", null, {

From ffa71c0d1a8087c4594f268dcb1166053efccd06 Mon Sep 17 00:00:00 2001
From: Antoine Abt <antoine@abt.im>
Date: Mon, 19 Mar 2012 14:47:02 +0100
Subject: [PATCH 2/2] update doc in mobile navigation

---
 examples/mobile-navigation.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/mobile-navigation.html b/examples/mobile-navigation.html
index 3d2ba593d1..54f7037493 100644
--- a/examples/mobile-navigation.html
+++ b/examples/mobile-navigation.html
@@ -38,7 +38,7 @@
         </p>
 
         <p>
-            The ZoomPanel control provides + and - buttons for zooming in and
+            The Zoom control provides + and - buttons for zooming in and
             out. These buttons should work on any device, and the zoom out
             button is especially needed for devices that don't support
             multi-touch.