Fix zoom slider width for retina displays

This also simplifies the css by using a button for the slider, like for other controls.
2015-10-12 14:36:53 +02:00
parent c9c845394f
commit 61ce463cf9
3 changed files with 7 additions and 16 deletions
--- a/css/ol.css
+++ b/css/ol.css
@@ -192,26 +192,15 @@
 .ol-zoomslider {
  top: 4.5em;
  left: .5em;
-  width: 24px;
  height: 200px;
 }
-.ol-zoomslider-thumb {
-  position: absolute;
-  background: #7b98bc;
-  background: rgba(0,60,136,0.5);
-  border-radius: 2px;
-  cursor: pointer;
+.ol-zoomslider button {
+  position: relative;
  height: 10px;
-  width: 22px;
-  margin: 3px;
 }

 .ol-touch .ol-zoomslider {
  top: 5.5em;
-  width: 2.052em;
-}
-.ol-touch .ol-zoomslider-thumb {
-  width: 1.8em;
 }

 .ol-overviewmap {