phillip/ingress-intel-total-conversion
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Make the pan control plugin show up a little nicer

Browse Source
This commit is contained in:
Kevin 2013-03-28 20:53:42 -07:00
parent 39f5f9db2e
commit 4876c46871
2 changed files with 35 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
external/L.Control.Pan.css vendored
View File

@ -1,3 +1,30 @@
/* Make the default zoom control align with the pan control.
This is ugly.
The parent box (class="leaflet-top leaflet-left")
should make all the child boxes be center-aligned instead.
Not sure if that is possible though.
*/
.leaflet-bar {
position: relative;
left:23px;
}
/*
Make the zoomSlider control
(https://github.com/mattiasbengtsson/Leaflet.zoomslider)
align with the pan control.
*/
.leaflet-control-zoomslider {
position: relative;
left:22px;
}
/*
override the scale bar and push it over
*/
.leaflet-control-scale {
left: 63px !important;
}
.leaflet-control-pan {
/*
.leaflet-control-pan-right-wrap: right

9
plugins/pan-control.user.js
View File

@ -28,7 +28,14 @@ window.plugin.panControl.setup = function() {
@@INCLUDERAW:external/L.Control.Pan.js@@
try { console.log('done loading Leaflet.Pancontrol JS'); } catch(e) {}
window.map.addControl(L.control.pan({panOffset: 350}));
window.map.panControl = L.control.pan({panOffset: 350});
window.map.addControl(window.map.panControl);
if(map.zoomControl._map) { // Move above the zoom control
window.map.removeControl(map.zoomControl);
window.map.zoomControl = L.control.zoom();
window.map.addControl(window.map.zoomControl);
}
$('head').append('<style>@@INCLUDESTRING:external/L.Control.Pan.css@@</style>');
};