From 0d07893f2a8cd5155eb67a3f4b4706df2e58a348 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=89ric=20Lemoine?= Date: Wed, 30 Mar 2011 16:36:19 +0000 Subject: [PATCH] nicer zoom +/- buttons in the mobile-drawing.html example, the same as in mobile.html, no functional change git-svn-id: http://svn.openlayers.org/trunk/openlayers@11801 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf --- examples/mobile-drawing.html | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/examples/mobile-drawing.html b/examples/mobile-drawing.html index af7d13aff5..42f91cf2f6 100644 --- a/examples/mobile-drawing.html +++ b/examples/mobile-drawing.html @@ -2,6 +2,7 @@ OpenLayers Mobile Drawing + @@ -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; }