[missions] add "zoom to mission" button on mobile and make the "missions in view" button a bit larger

This commit is contained in:
fkloft 2015-05-25 16:14:33 +02:00
parent e4a335db19
commit 48481dbae4
2 changed files with 10 additions and 0 deletions

View File

@ -8,6 +8,9 @@
position: absolute;
overflow: auto;
}
.plugin-mission-pane > button {
padding: 0.3em 2em;
}
.plugin-mission-summary {
padding: 5px;

View File

@ -146,6 +146,13 @@ window.plugin.missions = {
this.tabHeaders[id].parentNode.querySelector('.ui-icon-close').click();
}
var button = content.insertBefore(document.createElement('button'), content.lastChild);
button.textContent = 'Zoom to mission';
button.addEventListener('click', function() {
me.zoomToMission(mission);
show('map');
}, false);
var li = this.tabBar.appendChild(document.createElement('li'));
var a = li.appendChild(document.createElement('a'));
a.textContent = mission.title;