Mirror/betaflight
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight.git synced 2025-07-19 22:35:23 +03:00
Code Issues Wiki Activity

UI polish

Browse source
This commit is contained in:
cTn 2014-01-04 10:37:52 +01:00
parent d4c5c3406d
commit c5b82cf32d
2 changed files with 37 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

40
tabs/pid_tuning.css
View file

@ -1,28 +1,53 @@
.tab-pid_tuning table { .tab-pid_tuning table {
width: 100%; float: left;
border-collapse: collapse; border-collapse: collapse;
} }
.tab-pid_tuning table, .tab-pid_tuning table th, .tab-pid_tuning table td { .tab-pid_tuning table,
.tab-pid_tuning table th,
.tab-pid_tuning table td {
padding: 4px; padding: 4px;
border: 1px solid #8b8b8b; border: 1px solid #8b8b8b;
} }
.tab-pid_tuning table tr td:first-child {
text-align: center;
}
.tab-pid_tuning table td {
padding: 1px;
}
.tab-pid_tuning table tr:nth-child(odd) { .tab-pid_tuning table tr:nth-child(odd) {
background-color: #ececec; background-color: #ececec;
} }
.tab-pid_tuning .name {
width: 150px;
}
.tab-pid_tuning .proportional,
.tab-pid_tuning .integral,
.tab-pid_tuning .derivative {
width: 100px;
}
.tab-pid_tuning table input { .tab-pid_tuning table input {
width: 130px; width: 96px;
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
padding: 0 5px 0 5px; padding: 0 5px 0 5px;
border: 1px solid silver;
text-align: right; text-align: right;
} }
.tab-pid_tuning .rate-tpa {
margin-left: 10px;
}
.tab-pid_tuning .rate-tpa th {
width: 131px;
}
.tab-pid_tuning .rate-tpa input {
width: 127px;
}
.tab-pid_tuning .update { .tab-pid_tuning .update {
display: block; display: block;
float: right; float: right;
margin-top: 20px; margin-top: 10px;
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
@ -38,8 +63,3 @@
.tab-pid_tuning .update:hover { .tab-pid_tuning .update:hover {
background-color: #dedcdc; background-color: #dedcdc;
} }
.tab-pid_tuning .rate-tpa {
float: left;
width: 400px;
margin-top: 20px;
}

10
tabs/pid_tuning.html
View file

@ -1,10 +1,10 @@
<div class="tab-pid_tuning"> <div class="tab-pid_tuning">
<table class="pid_tuning"> <table class="pid_tuning">
<tr> <tr>
<th class="name" style="width: 50%">Name</th> <th class="name">Name</th>
<th class="proportional" style="width: 16%">Proportional</th> <th class="proportional">Proportional</th>
<th class="integral" style="width: 16%">Integral</th> <th class="integral">Integral</th>
<th class="derivative" style="width: 16%">Derivative</th> <th class="derivative">Derivative</th>
</tr> </tr>
<tr class="ROLL"> <tr class="ROLL">
<td>ROLL</td> <td>ROLL</td>
@ -60,7 +60,7 @@
</table> </table>
<table class="rate-tpa"> <table class="rate-tpa">
<tr> <tr>
<th>ROLL rate &amp; PITCH rate</th> <th>ROLL &amp; PITCH rate</th>
<th>YAW rate</th> <th>YAW rate</th>
<th>TPA</th> <th>TPA</th>
</tr> </tr>