enable zoom control for mobile (allows for one-touch zoom control)

move zoom control to under the layer control on smartphone layout
remove localstorage zoom control visibility setting - there was no way to configure it, so seemed a bit odd
This commit is contained in:
Jon Atkins 2013-03-30 20:01:36 +00:00
parent dd84828d0d
commit 270905c83a
3 changed files with 7 additions and 4 deletions

View File

@ -115,7 +115,7 @@ window.setupMap = function() {
window.map = new L.Map('map', $.extend(getPosition(), window.map = new L.Map('map', $.extend(getPosition(),
{zoomControl: !(localStorage['iitc.zoom.buttons'] === 'false')} {zoomControl: true}
)); ));
var addLayers = {}; var addLayers = {};

View File

@ -25,9 +25,6 @@ window.runOnSmartphonesBeforeBoot = function() {
headHTML += '<style>@@INCLUDESTRING:mobile/smartphone.css@@</style>'; headHTML += '<style>@@INCLUDESTRING:mobile/smartphone.css@@</style>';
document.getElementsByTagName('head')[0].innerHTML = headHTML; document.getElementsByTagName('head')[0].innerHTML = headHTML;
// disable zoom buttons to see if they are really needed
window.localStorage['iitc.zoom.buttons'] = 'false';
// dont need many of those // dont need many of those
window.setupStyles = function() { window.setupStyles = function() {
$('head').append('<style>' + $('head').append('<style>' +

View File

@ -13,6 +13,12 @@ body {
margin-top: 40px !important; margin-top: 40px !important;
} }
.leaflet-control-zoom {
margin-left: 5px !important;
margin-top: 80px !important;
}
#chatcontrols { #chatcontrols {
height: 38px; height: 38px;
width: 100%; width: 100%;