Miko/tar1090
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use matching big arrow to get back to map

Browse Source
This commit is contained in:
vkirienko
2020-07-23 08:59:31 -04:00
committed by Matthias Wirth
parent f0744804c3
commit 2c524c3263
3 changed files with 14 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
html/index.html
View File

@@ -782,14 +782,10 @@
<table style="width: 100%">
<tr>
<td>
<div class="button-flex buttonTable" id="show_map_button"><span class="buttonText">Show Map</span></div>
<button id="toggle_sidebar_button" class="toggle_sidebar hidden" title="Show Map"></button>
</td>
</tr>
<tr class="infoRowSpacer">
<td></td>
</tr>
<tr id='adsbexchange_header' class="infoblock_row hidden">
<td style="text-align: center">
<div>
@@ -802,11 +798,10 @@
<div>
<span class="largeText"><a class="largeText" target="_blank" href="https://adsbexchange.com/map-help/">FAQ / Help</a></span>
</div>
<div class="infoRowSpacer">
</div>
</td>
</tr>
<tr class="infoRowSpacer">
<td></td>
</tr>
<tr class="infoblock_heading">
<td style="text-align: right">

7
html/script.js
View File

@@ -856,12 +856,11 @@ function init_page() {
// Set up event handlers for buttons
$("#toggle_sidebar_button").click(toggleSidebarVisibility);
$("#expand_sidebar_button").click(expandSidebar);
$("#show_map_button").click(showMap);
$(".toggle_sidebar").click(showMap);
$("#large_mode_button").click(toggleLargeMode);
// Set initial element visibility
$("#show_map_button").hide();
setColumnVisibility();
// Initialize other controls
@@ -2707,7 +2706,7 @@ function expandSidebar(e) {
$("#toggle_sidebar_control").hide();
$("#splitter").hide();
$("#sudo_buttons").hide();
$("#show_map_button").show();
$(".toggle_sidebar").show();
$("#sidebar_container").width("100%");
setColumnVisibility();
clearTimeout(refreshId);
@@ -2724,7 +2723,7 @@ function showMap() {
$("#toggle_sidebar_control").show();
$("#splitter").show();
$("#sudo_buttons").show();
$("#show_map_button").hide();
$(".toggle_sidebar").hide();
setColumnVisibility();
clearTimeout(refreshId);
fetchData();

27
html/style.css
View File

@@ -84,6 +84,12 @@ html, body {
#toggle_sidebar_button.hide_sidebar {
background-image: url("images/hide_sidebar.png");
}
#toggle_sidebar_button.toggle_sidebar {
float: left;
background-image: url("images/hide_sidebar.png");
}
#large_mode_control {
display: block;
position: absolute;
@@ -436,30 +442,13 @@ select.error, textarea.error, input.error {
cursor: pointer;
text-align: center;
}
.button-flex {
background: #67b6c3;
width: flex;
height: calc( 28px * var(--SCALE));
border-radius: calc( 2px * var(--SCALE));
-moz-border-radius: calc( 2px * var(--SCALE));
-webkit-border-radius: calc( 2px * var(--SCALE));
display: inline-block;
margin: calc( 6px * var(--SCALE));
margin-top: calc( 11px * var(--SCALE));
margin-bottom: calc( 11px * var(--SCALE));
cursor: pointer;
text-align: center;
}
.lightblue-link, .lightblue-link a {
color: #67b6c3;
font-weight: normal;
}
.buttonTable {
margin-bottom: calc( 0px * var(--SCALE));
}
.settingsContainer {
width: calc( 36px * var(--SCALE));
height: calc( 36px * var(--SCALE));