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 class="header-wrapper">
<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 id="profiles_wrapper_global">
<div id="profile_change">
<div class="dropdown dropdown-dark">
<form name="profile-change" id="profile-change">
@ -130,6 +124,14 @@
</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">
<ul>
<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);
});
$('#profiles_wrapper_global').show();
}
privateScope.onClosed = function (result) {
@ -497,6 +499,7 @@ var SerialBackend = (function () {
$('#sensor-status').hide();
$('#portsinput').show();
$('#dataflash_wrapper_global').hide();
$('#profiles_wrapper_global').hide();
$('#quad-status_wrapper').hide();
//updateFirmwareVersion();

48
src/css/main.css
View file

@ -1696,11 +1696,11 @@ dialog {
color: white;
font-size: 10px;
margin-top: 20px;
width: 410px;
width: 100px;
float: right;
margin-right: 10px;
margin-right: 20px;
line-height: 12px;
height: 33px;
height: 64px;
border-radius: 5px;
border: 1px solid #272727;
box-shadow: 0 1px 0 rgba(92, 92, 92, 0.5);
@ -1708,36 +1708,66 @@ dialog {
padding-top: 5px;
display: none;
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 {
color: white;
margin-top: 16px;
margin: 0px;
width: 130px;
float: left;
margin-right: 10px;
line-height: 12px;
}
#profile_change > .dropdown {
margin: 0px;
}
#mixer_profile_change {
color: white;
margin-top: 16px;
margin: 0px;
width: 130px;
float: left;
margin-right: 0;
line-height: 12px;
}
#mixer_profile_change > .dropdown {
margin: 0px;
}
#battery_profile_change {
color: white;
margin-top: 16px;
margin: 0px;
width: 130px;
float: right;
margin-right: 0;
line-height: 12px;
}
#battery_profile_change > .dropdown {
margin: 0px;
}
.dataflash-contents_global {
margin-top: 18px;
border: 1px solid #4A4A4A;