Mirror/betaflight-configurator
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-17 05:15:21 +03:00
Code Issues Wiki Activity

Adjust documentation button so that it doesn't move the sensor

Browse source 
indicators when connected. Use same color as other help panels.
This commit is contained in:
Dominic Clifton 2015-01-29 19:01:37 +01:00
parent 20a82e7339
commit e447739e74
3 changed files with 40 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

12
js/serial_backend.js
View file

@ -211,10 +211,10 @@ function onConnect() {
$('#tabs ul.mode-connected').show(); $('#tabs ul.mode-connected').show();
if ("CLFL" == CONFIG.flightControllerIdentifier){ if ("CLFL" == CONFIG.flightControllerIdentifier){
var helpButton = $('#button-help'); var documentationButton = $('#button-documentation');
helpButton.show(); documentationButton.show();
helpButton.html("Documentation for "+CONFIG.flightControllerVersion); documentationButton.html("Documentation for "+CONFIG.flightControllerVersion);
helpButton.attr("href","https://github.com/cleanflight/cleanflight/tree/v{0}/docs".format(CONFIG.flightControllerVersion)); documentationButton.attr("href","https://github.com/cleanflight/cleanflight/tree/v{0}/docs".format(CONFIG.flightControllerVersion));
} }
} }
@ -227,7 +227,9 @@ function onClosed(result) {
$('#tabs ul.mode-connected').hide(); $('#tabs ul.mode-connected').hide();
$('#tabs ul.mode-disconnected').show(); $('#tabs ul.mode-disconnected').show();
$('#button-help').hide();
var documentationButton = $('#button-documentation');
documentationButton.hide();
} }
function read_serial(info) { function read_serial(info) {

22
main.css
View file

@ -154,16 +154,28 @@ input[type="number"]::-webkit-inner-spin-button {
#sensor-status .on { #sensor-status .on {
background-color: #b8cf02; background-color: #b8cf02;
} }
#button-help {
#header-wrapper {
}
#documentation-controls {
float: right; float: right;
height: 22px;
line-height: 22px;
margin-right: 10px;
}
#button-documentation {
float: left;
padding: 0 12px 0 12px;
height: 18px; height: 18px;
line-height: 18px; line-height: 18px;
background-color: yellow;
background-color: #ffcb18;
color: #000; color: #000;
font-weight: bold; font-weight: bold;
border: solid 1px; border: solid 1px #c0c0c0;
padding: 0px 2px 0px 2px;
margin: 0px 10px 0px 0px;
display: none; display: none;
} }
#options { #options {

26
main.html
View file

@ -103,16 +103,22 @@
</ul> </ul>
</div> </div>
<a id="options" href="#" i18n_title="options_title"></a> <a id="options" href="#" i18n_title="options_title"></a>
<a id="button-help" href="#" target="_blank"></a> <div class="header-wrapper">
<div id="sensor-status"> <div id="sensor-status">
<ul> <ul>
<li class="gyro" title="Gyroscope">Gyro</li> <li class="gyro" title="Gyroscope">Gyro</li>
<li class="accel" title="Accelerometer">Accel</li> <li class="accel" title="Accelerometer">Accel</li>
<li class="mag" title="Magnetometer">Mag</li> <li class="mag" title="Magnetometer">Mag</li>
<li class="baro" title="Barometer">Baro</li> <li class="baro" title="Barometer">Baro</li>
<li class="gps" title="GPS">GPS</li> <li class="gps" title="GPS">GPS</li>
<li class="sonar" title="Sonar / Range finder">Sonar</li> <li class="sonar" title="Sonar / Range finder">Sonar</li>
</ul> </ul>
</div>
<div id="documentation-controls">
<ul>
<li><a id="button-documentation" href="#" target="_blank"></a></li>
</ul>
</div>
</div> </div>
<div class="clear-both"></div> <div class="clear-both"></div>
<div id="log"> <div id="log">