diff --git a/html/index.html b/html/index.html index 284569d..6884e45 100644 --- a/html/index.html +++ b/html/index.html @@ -9,11 +9,11 @@ + + - - diff --git a/html/script.js b/html/script.js index c6930eb..b0e64c9 100644 --- a/html/script.js +++ b/html/script.js @@ -919,7 +919,6 @@ function parse_history() { } else { sortByAltitude(); } - window.setInterval(updateAddressBar, 1000); } // Make a LineString with 'points'-number points @@ -1086,8 +1085,7 @@ function initialize_map() { zoom: ZoomLvl, minZoom: 2, }), - controls: [new ol.control.Zoom({delta: 1,}), - new ol.control.Rotate(), + controls: [new ol.control.Zoom({delta: 1, duration: 0,}), new ol.control.Attribution({collapsed: true}), new ol.control.ScaleLine({units: DisplayUnits}) ], @@ -2274,6 +2272,7 @@ function selectPlaneByHex(hex, options) { refreshSelected(); refreshTableInfo(); + updateAddressBar(); } @@ -2325,6 +2324,8 @@ function deselectAllPlanes() { refreshSelected(); refreshHighlighted(); refreshTableInfo(); + + updateAddressBar(); } function toggleFollowSelected() { diff --git a/html/style.css b/html/style.css index 71644e0..98a511d 100644 --- a/html/style.css +++ b/html/style.css @@ -153,28 +153,34 @@ element { border-radius: 2px; } +/* remove the blue highlighting around the map buttons */ +.ol-control button { + outline: none; +} + .ol-zoom-in { - background-image: url("images/zoom-in.png"); + background-image: url("images/zoom-in@2x.png"); background-size: cover; color:transparent !important; - width: 19px !important; - height: 19px !important; + width: 25px !important; + height: 25px !important; background-color: transparent !important; margin-bottom: 5px !important; } .ol-zoom-out { - background-image: url("images/zoom-out.png"); + background-image: url("images/zoom-out@2x.png"); background-size: cover; color:transparent !important; - width: 19px !important; - height: 19px !important; + width: 25px !important; + height: 25px !important; background-color: transparent !important; } .ol-zoom { background-color: transparent !important; - left: 10px !important; + left: calc(100% - 65px); + top: calc(100% - 85px); } @@ -672,10 +678,6 @@ select.error, textarea.error, input.error { } */ -/* remove the blue highlighting around the map buttons */ -.ol-control button { - outline: none; -} .bottom-container { width: 100%;