[OpenLayers-Commits] r11801 - trunk/openlayers/examples

Wed Mar 30 12:36:20 EDT 2011

Author: erilem
Date: 2011-03-30 09:36:19 -0700 (Wed, 30 Mar 2011)
New Revision: 11801

Modified:
   trunk/openlayers/examples/mobile-drawing.html
Log:
nicer zoom +/- buttons in the mobile-drawing.html example, the same as in mobile.html, no functional change

Modified: trunk/openlayers/examples/mobile-drawing.html
===================================================================

--- trunk/openlayers/examples/mobile-drawing.html	2011-03-30 16:17:35 UTC (rev 11800)
+++ trunk/openlayers/examples/mobile-drawing.html	2011-03-30 16:36:19 UTC (rev 11801)
@@ -2,6 +2,7 @@
 <html>
     <head>
         <title>OpenLayers Mobile Drawing</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
         <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0;">
         <meta name="apple-mobile-web-app-capable" content="yes">
         <link rel="stylesheet" href="style.mobile.css" type="text/css">
@@ -24,6 +25,36 @@
                 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;
+            }
             #title, #tags, #shortdesc {
                 display: none;
             }

