flow/poblados-colonizacion-colonias-penitenciarias
1
0
Fork 0
mirror of https://github.com/medialab-prado/poblados-colonizacion-colonias-penitenciarias.git synced 2024-12-26 12:31:22 +01:00
Code Issues Projects Releases Wiki Activity

mobile slider css

Browse source
This commit is contained in:
Luis 2017-06-18 11:35:14 +02:00
parent 5975e21b87
commit a35ec30a91
1 changed files with 25 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
docs/colonizacion-leaflet/index.html
View file

@ -48,6 +48,29 @@
#slider span { #slider span {
height: 2.2em; height: 2.2em;
} }
@media (max-width: 590px){
#slider-container,
#slider,
.value {
display: block;
}
#slider-container {
position: static;
left: 0;
bottom: 0;
width: 100%;
}
.value {
padding: 6px 8px;
bottom: auto;
position: static;
}
#slider {
width: 90%;
}
}
</style> </style>
<style> <style>
@ -82,10 +105,10 @@
var grayscale = L.tileLayer(mbUrl, {id: 'mapbox.light', attribution: mbAttr}), var grayscale = L.tileLayer(mbUrl, {id: 'mapbox.light', attribution: mbAttr}),
streets = L.tileLayer(mbUrl, {id: 'mapbox.satellite', attribution: mbAttr}); streets = L.tileLayer(mbUrl, {id: 'mapbox.satellite', attribution: mbAttr});
var desktop = window.innerWidth > 768;
var mymap = L.map('map', { var mymap = L.map('map', {
center:[40.4168, -3.7038], center:[40.4168, -3.7038],
zoom: 6, zoom: desktop ? 6 : 5,
scrollWheelZoom: false, scrollWheelZoom: false,
dragging: false, dragging: false,
layers: [grayscale] layers: [grayscale]