diff --git a/code/geosearch.js b/code/geosearch.js index 8204b646..7bd7d1ee 100644 --- a/code/geosearch.js +++ b/code/geosearch.js @@ -24,6 +24,6 @@ window.setupGeosearch = function() { e.preventDefault(); }); $('#geosearchwrapper img').click(function(){ - map.locate({setView : true});; + map.locate({setView : true, maxZoom: 13});; }); } diff --git a/code/portal_highlighter.js b/code/portal_highlighter.js index e36274d9..05bfd911 100644 --- a/code/portal_highlighter.js +++ b/code/portal_highlighter.js @@ -33,7 +33,7 @@ window.portalHighlighterControl = function() { }); $("#portal_highlight_select").val(_current_highlighter); $("#portal_highlight_select").change(function(){ changePortalHighlights($(this).val());}); - $(".leaflet-top.leaflet-left").css('padding-top','25px'); + $(".leaflet-top.leaflet-left").css('padding-top', '20px'); $(".leaflet-control-scale-line").css('margin-top','25px'); } } @@ -61,4 +61,4 @@ window.resetHighlightedPortals = function() { } catch(e) {} }); -} \ No newline at end of file +} diff --git a/code/smartphone.js b/code/smartphone.js index cdbabc4f..562c7b38 100644 --- a/code/smartphone.js +++ b/code/smartphone.js @@ -77,8 +77,6 @@ window.runOnSmartphonesAfterBoot = function() { // disable img full view $('#portaldetails').off('click', '**'); - $('.leaflet-right').addClass('leaflet-left').removeClass('leaflet-right'); - // make buttons in action bar flexible var l = $('#chatcontrols a:visible'); l.css('width', 100/l.length + '%'); diff --git a/code/window_management.js b/code/window_management.js index 8da89133..99ffdc59 100644 --- a/code/window_management.js +++ b/code/window_management.js @@ -1,6 +1,7 @@ // created to start cleaning up "window" interaction // window.show = function(id) { + window.hideall(); switch(id) { case 'full': window.chat.show('full'); @@ -19,6 +20,7 @@ window.show = function(id) { break; case 'map': window.smartphone.mapButton.click(); + $('#portal_highlight_select').show(); break; case 'info': window.smartphone.sideButton.click(); @@ -28,3 +30,8 @@ window.show = function(id) { break; } } + +window.hideall = function() { + $('#chatcontrols, #chat, #chatinput, #sidebartoggle, #scrollwrapper, #updatestatus, #portal_highlight_select').hide(); + $('#map').css('visibility', 'hidden'); +} diff --git a/mobile/smartphone.css b/mobile/smartphone.css index 0f8b67ff..ca0e782a 100644 --- a/mobile/smartphone.css +++ b/mobile/smartphone.css @@ -7,18 +7,16 @@ body { background: #0B3351 !important } +.leaflet-top .leaflet-control { + margin-top: 5px !important; + margin-left: 5px !important; +} .leaflet-control-layers { margin-left: 0 !important; - margin-top: 40px !important; + margin-top: 0 !important; } -.leaflet-control-zoom { - margin-left: 5px !important; - margin-top: 80px !important; -} - - #geosearch { width: 100%; } @@ -126,6 +124,11 @@ body { display: none; } +.leaflet-control-layers-toggle { + width: 50px !important; + height: 50px !important; +} + .leaflet-control-layers-list label { padding: 6px 0; } @@ -135,13 +138,6 @@ body { } #portal_highlight_select{ - position: absolute; - top:42px; - left:310px; - z-index: 9999; - font-size:11px; - font-family: "coda",arial,helvetica,sans-serif; - background-color:#0E3C46; - color:#ffce00; - + top:0px !important; + left:0px !important; } diff --git a/plugins/scale-bar.user.js b/plugins/scale-bar.user.js index 23329456..6ab71f98 100644 --- a/plugins/scale-bar.user.js +++ b/plugins/scale-bar.user.js @@ -24,11 +24,16 @@ if(typeof window.plugin !== 'function') window.plugin = function() {}; window.plugin.scaleBar = function() {}; window.plugin.scaleBar.setup = function() { - $('head').append(''); // Before you ask: yes, I explicitely turned off imperial units. Imperial units // are worse than Internet Explorer 6 whirring fans combined. Upgrade to the metric // system already. - window.map.addControl(new L.Control.Scale({position: 'topleft', imperial: false, maxWidth: 200})); + if (window.isSmartphone()) { + $('head').append(''); + window.map.addControl(new L.Control.Scale({position: 'bottomleft', imperial: false, maxWidth: 200})); + } else { + $('head').append(''); + window.map.addControl(new L.Control.Scale({position: 'topleft', imperial: false, maxWidth: 200})); + } }; var setup = window.plugin.scaleBar.setup;