Mirror/inav-configurator
1
0
Fork 0
mirror of https://github.com/iNavFlight/inav-configurator.git synced 2025-07-13 19:40:22 +03:00
Code Wiki Activity

Rearrange top bar to fit on 1024px screens

Browse source
This commit is contained in:
Mr D - RC 2024-11-27 22:17:14 +00:00
parent b2396e64b5
commit 9ff375ed64
3 changed files with 51 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

16
index.html
View file

@ -88,13 +88,7 @@
</div> </div>
</div> </div>
<div class="header-wrapper"> <div class="header-wrapper">
<div id="dataflash_wrapper_global"> <div id="profiles_wrapper_global">
<div class="noflash_global" align="center" i18n="sensorDataFlashNotFound"></div>
<ul class="dataflash-contents_global">
<li class="dataflash-free_global">
<div class="legend" i18n="sensorDataFlashFreeSpace"></div>
</li>
</ul>
<div id="profile_change"> <div id="profile_change">
<div class="dropdown dropdown-dark"> <div class="dropdown dropdown-dark">
<form name="profile-change" id="profile-change"> <form name="profile-change" id="profile-change">
@ -130,6 +124,14 @@
</div> </div>
</div> </div>
</div> </div>
<div id="dataflash_wrapper_global">
<div class="noflash_global" align="center" i18n="sensorDataFlashNotFound"></div>
<ul class="dataflash-contents_global">
<li class="dataflash-free_global">
<div class="legend" i18n="sensorDataFlashFreeSpace"></div>
</li>
</ul>
</div>
<div id="sensor-status" class="sensor_state mode-connected"> <div id="sensor-status" class="sensor_state mode-connected">
<ul> <ul>
<li class="gyro" i18n_title="sensorStatusGyro"> <li class="gyro" i18n_title="sensorStatusGyro">

3
js/serial_backend.js
View file

@ -482,6 +482,8 @@ var SerialBackend = (function () {
interval.add('global_data_refresh', periodicStatusUpdater.run, periodicStatusUpdater.getUpdateInterval(CONFIGURATOR.connection.bitrate), false); interval.add('global_data_refresh', periodicStatusUpdater.run, periodicStatusUpdater.getUpdateInterval(CONFIGURATOR.connection.bitrate), false);
}); });
$('#profiles_wrapper_global').show();
} }
privateScope.onClosed = function (result) { privateScope.onClosed = function (result) {
@ -497,6 +499,7 @@ var SerialBackend = (function () {
$('#sensor-status').hide(); $('#sensor-status').hide();
$('#portsinput').show(); $('#portsinput').show();
$('#dataflash_wrapper_global').hide(); $('#dataflash_wrapper_global').hide();
$('#profiles_wrapper_global').hide();
$('#quad-status_wrapper').hide(); $('#quad-status_wrapper').hide();
//updateFirmwareVersion(); //updateFirmwareVersion();

48
src/css/main.css
View file

@ -1696,11 +1696,11 @@ dialog {
color: white; color: white;
font-size: 10px; font-size: 10px;
margin-top: 20px; margin-top: 20px;
width: 410px; width: 100px;
float: right; float: right;
margin-right: 10px; margin-right: 20px;
line-height: 12px; line-height: 12px;
height: 33px; height: 64px;
border-radius: 5px; border-radius: 5px;
border: 1px solid #272727; border: 1px solid #272727;
box-shadow: 0 1px 0 rgba(92, 92, 92, 0.5); box-shadow: 0 1px 0 rgba(92, 92, 92, 0.5);
@ -1708,36 +1708,66 @@ dialog {
padding-top: 5px; padding-top: 5px;
display: none; display: none;
text-shadow: 0 1px rgba(0, 0, 0, 1.0); text-shadow: 0 1px rgba(0, 0, 0, 1.0);
}
@media screen and (max-width: 1060px) {
#dataflash_wrapper_global {
display: none !important;
}
}
/* Profile selector styling*/
#profiles_wrapper_global {
color: white;
font-size: 10px;
margin-top: 20px;
width: 130px;
float: right;
margin-right: 10px;
line-height: 12px;
height: 64px;
padding: 0px;
display: none;
text-shadow: 0 1px rgba(0, 0, 0, 1.0);
} }
#profile_change { #profile_change {
color: white; color: white;
margin-top: 16px; margin: 0px;
width: 130px; width: 130px;
float: left; float: left;
margin-right: 10px;
line-height: 12px; line-height: 12px;
} }
#profile_change > .dropdown {
margin: 0px;
}
#mixer_profile_change { #mixer_profile_change {
color: white; color: white;
margin-top: 16px; margin: 0px;
width: 130px; width: 130px;
float: left; float: left;
margin-right: 0;
line-height: 12px; line-height: 12px;
} }
#mixer_profile_change > .dropdown {
margin: 0px;
}
#battery_profile_change { #battery_profile_change {
color: white; color: white;
margin-top: 16px; margin: 0px;
width: 130px; width: 130px;
float: right; float: right;
margin-right: 0;
line-height: 12px; line-height: 12px;
} }
#battery_profile_change > .dropdown {
margin: 0px;
}
.dataflash-contents_global { .dataflash-contents_global {
margin-top: 18px; margin-top: 18px;
border: 1px solid #4A4A4A; border: 1px solid #4A4A4A;