Fix layer switcher CSS

[rails.git] / app / assets / stylesheets / leaflet.zoom.css.scss

diff --git a/app/assets/stylesheets/leaflet.zoom.css.scss b/app/assets/stylesheets/leaflet.zoom.css.scss
index 26d83f5b7609134ce183f2508605bb61ea9971c1..66f464a9e78ab015820062145c280b223f1df5e8 100644 (file)
--- a/app/assets/stylesheets/leaflet.zoom.css.scss
+++ b/app/assets/stylesheets/leaflet.zoom.css.scss
@@ -1,54 +1,57 @@
-.leaflet-control-zoomslider-in,
-.leaflet-control-zoomslider-out,
-.leaflet-control-zoomslider-slider,
-.leaflet-control-zoomslider-slider-knob {
-  background-image: image-url("map_sprite.png");
-  position: absolute;
-  background-repeat: no-repeat;
-  cursor: hand;
-  cursor: pointer;
-}
+.leaflet-control-zoomslider {
+  .leaflet-control-zoomslider-in,
+  .leaflet-control-zoomslider-out,
+  .leaflet-control-zoomslider-slider,
+  .leaflet-control-zoomslider-slider-knob {
+    background-image: image-url("map_sprite.png");
+    position: absolute;
+    background-repeat: no-repeat;
+    cursor: hand;
+    cursor: pointer;
+  }
 
-.leaflet-control-zoomslider-in,
-.leaflet-control-zoomslider-out {
-  text-indent: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  outline-style: none;
-}
+  .leaflet-control-zoomslider-in,
+  .leaflet-control-zoomslider-out {
+    text-indent: 26px;
+    overflow: hidden;
+    outline-style: none;
+    border: 0;
+    background-color: transparent;
+  }
 
-.leaflet-control-zoomslider-in {
-  top: 50px;
-  width: 26px;
-  height: 20px;
-  left: 10px;
-  background-position: -15px -61px;
-}
+  .leaflet-control-zoomslider-in {
+    top: 50px;
+    width: 26px;
+    height: 20px;
+    left: 10px;
+    background-position: -15px -61px;
+  }
 
-.leaflet-control-zoomslider-out {
-  top: 202px;
-  width: 26px;
-  height: 20px;
-  left: 10px;
-  background-position: -15px -220px;
-}
+  .leaflet-control-zoomslider-out {
+    top: 202px;
+    width: 26px;
+    height: 20px;
+    left: 10px;
+    background-position: -15px -220px;
+  }
 
-.leaflet-control-zoomslider-slider {
-  top: 70px;
-  width: 26px;
-  height: 132px;
-  left: 10px;
-  background-position: -15px -84px;
-}
+  .leaflet-control-zoomslider-slider {
+    top: 70px;
+    width: 26px;
+    height: 132px;
+    left: 10px;
+    background-position: -15px -84px;
+  }
 
-.leaflet-control-zoomslider-slider-knob {
-  top: 0px;
-  width: 25px;
-  height: 10px;
-  -webkit-transition: top 100ms linear;
-  -moz-transition: top 100ms linear;
-  -o-transition: top 100ms linear;
-  background-position: -77px -58px;
-  pointer: move;
-  cursor: move;
+  .leaflet-control-zoomslider-slider-knob {
+    top: 0px;
+    width: 25px;
+    height: 10px;
+    -webkit-transition: top 100ms linear;
+    -moz-transition: top 100ms linear;
+    -o-transition: top 100ms linear;
+    background-position: -77px -58px;
+    pointer: move;
+    cursor: move;
+  }
 }