Merge pull request #1062 from mtmail/display-viewbox-on-map

[nominatim.git] / website / css / leaflet.css

diff --git a/website/css/leaflet.css b/website/css/leaflet.css
index c6d920a0b25aea70d1854477cd85bc9322061ef8..230e5bad14f3494ce152dc69634b24c232f76462 100644 (file)
--- a/website/css/leaflet.css
+++ b/website/css/leaflet.css
@@ -47,6 +47,7 @@
 .leaflet-container .leaflet-tile-pane img,\r
 .leaflet-container img.leaflet-image-layer {\r
        max-width: none !important;\r
+       max-height: none !important;\r
        }\r
 \r
 .leaflet-container.leaflet-touch-zoom {\r
@@ -55,11 +56,20 @@
        }\r
 .leaflet-container.leaflet-touch-drag {\r
        -ms-touch-action: pinch-zoom;\r
-       }\r
+       /* Fallback for FF which doesn't support pinch-zoom */\r
+       touch-action: none;\r
+       touch-action: pinch-zoom;\r
+}\r
 .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {\r
        -ms-touch-action: none;\r
        touch-action: none;\r
 }\r
+.leaflet-container {\r
+       -webkit-tap-highlight-color: transparent;\r
+}\r
+.leaflet-container a {\r
+       -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);\r
+}\r
 .leaflet-tile {\r
        filter: inherit;\r
        visibility: hidden;\r
@@ -303,7 +313,14 @@
        height: 30px;\r
        line-height: 30px;\r
        }\r
-\r
+.leaflet-touch .leaflet-bar a:first-child {\r
+       border-top-left-radius: 2px;\r
+       border-top-right-radius: 2px;\r
+       }\r
+.leaflet-touch .leaflet-bar a:last-child {\r
+       border-bottom-left-radius: 2px;\r
+       border-bottom-right-radius: 2px;\r
+       }\r
 \r
 /* zoom control */\r
 \r
@@ -312,16 +329,10 @@
        font: bold 18px 'Lucida Console', Monaco, monospace;\r
        text-indent: 1px;\r
        }\r
-.leaflet-control-zoom-out {\r
-       font-size: 20px;\r
-       }\r
 \r
-.leaflet-touch .leaflet-control-zoom-in {\r
+.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {\r
        font-size: 22px;\r
        }\r
-.leaflet-touch .leaflet-control-zoom-out {\r
-       font-size: 24px;\r
-       }\r
 \r
 \r
 /* layers control */\r
@@ -359,6 +370,7 @@
        }\r
 .leaflet-control-layers-scrollbar {\r
        overflow-y: scroll;\r
+       overflow-x: hidden;\r
        padding-right: 5px;\r
        }\r
 .leaflet-control-layers-selector {\r