From 7d79a7705258706e304ccef17c12b6aa4ebb3c46 Mon Sep 17 00:00:00 2001 From: Frederic Junod Date: Sun, 3 Mar 2013 12:10:12 +0100 Subject: [PATCH 1/2] Remove css size dependent rule (hover color) --- css/ol.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/css/ol.css b/css/ol.css index 79fec30bae..20b1d1450a 100644 --- a/css/ol.css +++ b/css/ol.css @@ -63,11 +63,7 @@ .ol-zoom a:hover { background: rgba(0,60,136,0.7); } -@media only screen and (max-width:600px) { - .ol-zoom a:hover { - background: rgba(0,60,136,0.5); - } -} + .ol-zoom-in { border-radius: 2px 2px 0 0; } From 0fcc06b8aece916e269f28d7593ae36c5d19d763 Mon Sep 17 00:00:00 2001 From: Frederic Junod Date: Sun, 3 Mar 2013 12:23:29 +0100 Subject: [PATCH 2/2] Set ol-zoom content in css using :before pseudo class --- css/ol.css | 7 +++++++ src/ol/control/zoomcontrol.js | 4 ++-- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/css/ol.css b/css/ol.css index 20b1d1450a..197439505e 100644 --- a/css/ol.css +++ b/css/ol.css @@ -67,6 +67,13 @@ .ol-zoom-in { border-radius: 2px 2px 0 0; } +.ol-zoom-in:before { + content: "+"; +} + .ol-zoom-out { border-radius: 0 0 2px 2px; } +.ol-zoom-out:before { + content: "\2212"; +} diff --git a/src/ol/control/zoomcontrol.js b/src/ol/control/zoomcontrol.js index 6d99bbd80f..1f5354e3dd 100644 --- a/src/ol/control/zoomcontrol.js +++ b/src/ol/control/zoomcontrol.js @@ -30,13 +30,13 @@ ol.control.Zoom = function(zoomOptions) { var inElement = goog.dom.createDom(goog.dom.TagName.A, { 'href': '#zoomIn', 'class': 'ol-zoom-in' - }, '+'); + }); goog.events.listen(inElement, eventType, this.handleIn_, false, this); var outElement = goog.dom.createDom(goog.dom.TagName.A, { 'href': '#zoomOut', 'class': 'ol-zoom-out' - }, '\u2212'); + }); goog.events.listen(outElement, eventType, this.handleOut_, false, this); var element = goog.dom.createDom(