sundowndev
/
betaflight-configurator
mirror of https://github.com/sundowndev/betaflight-configurator.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix for #254 

Some CSS work in the PID tab
10.3.x-maintenance
skaman82 2016-08-29 03:38:36 +02:00
parent f5e53d1a6b
commit 7de6d1d55f
2 changed files with 74 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
tabs/pid_tuning.css
View File

@ -242,11 +242,13 @@
padding: 5px;
text-align: left;
border-right: 1px solid #ccc;
width: calc(100% - 1px);
width: 14%;
}
.tab-pid_tuning .pid_titlebar th:first-child {
text-align: left;
width: 14%;
}
.tab-pid_tuning .pid_titlebar th:last-child {
@ -273,11 +275,11 @@
}
.tab-pid_tuning .compensation td:last-child {
width: 40%;
width: 80%;
}
.tab-pid_tuning .compensation td {
width: 40%;
width: 20%;
}
.tab-pid_tuning .compensation .slider input {
@ -306,14 +308,28 @@
}
.tab-pid_tuning .tab_container {
float: top;
width: 300px;
height: 20px;
float: left;
width: 396px;
height: 29px;
border-right-width: 0px;
}
.tab-pid_tuning .tab_container td {
background-color: #2e2e2e;
padding-left: 8px;
border-right: 1px solid white;
}
.tab-pid_tuning .tab_container td:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tab-pid_tuning .tab_container td:last-child {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background-color: #2e2e2e;
}
.tab-pid_tuning .tab_container td a {
@ -324,6 +340,9 @@
background-color: #ffbb00;
color: #000;
transition: none;
height: 27px;
padding-left: 8px;
}
.tab-pid_tuning .tab_container td.active a {
@ -667,7 +686,7 @@
}
.tab-pid_tuning .pidTuning td {
width: 50%;
width: 40%;
}
.tab-pid_tuning .new_rates td:first-child {
@ -701,3 +720,42 @@ width: 50%;
.tab-pid_tuning .new_rates_last-child {
border-bottom: none;
}
.tab-pid_tuning .filter {
padding-left: 5px;
}
.tab-pid_tuning .tabboarder {
background-color: #ffbb00;
float: left;
width: 100%;
height: 3px;
margin-bottom: 10px;
}
.tab-pid_tuning #pid_level th:first-child {
width: 7%;
}
.tab-pid_tuning #pid_level td:first-child {
width: 7%;
}
.tab-pid_tuning .slider {
width: 40% !important;
}
.tabarea {
float: left;
width: calc(100% - 22px);
padding-left: 10px;
position: relative;
padding: 10px;
border: 1px solid silver;
margin-top: -10px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-top: 0px solid silver;
}

15
tabs/pid_tuning.html
View File

@ -45,7 +45,7 @@
</div>
</div>
</div>
<div class="tab_container">
<div class="tab_container" style="background-color: #fff;">
<table>
<tr>
<td class="pid active">
@ -57,11 +57,13 @@
</tr>
</table>
</div>
<div class="tabboarder"></div>
<div class="tabarea">
<form name="pid-tuning" id="pid-tuning">
<div class="subtab-pid">
<div class="clear-both"></div>
<div class="cf_column twothird">
<div class="gui_box grey topspacer">
<div class="gui_box grey topspacer" style="margin-top: 0px;">
<table class="pid_titlebar">
<tr>
<th class="name" i18n="pidTuningName"></th>
@ -206,9 +208,9 @@
<div id="pid_accel" class="gui_box grey topspacer pid_tuning">
<table class="pid_titlebar">
<tr>
<th class="third" i18n="pidTuningName"></th>
<th class="third" i18n="pidTuningStrength"></th>
<th class="third" i18n="pidTuningTransition"></th>
<th class="third" i18n="pidTuningName" style="width: 17%;"></th>
<th class="third" i18n="pidTuningStrength" style="width: 33%;"></th>
<th class="third" i18n="pidTuningTransition" style="width: 33%;"></th>
</tr>
</table>
<table id="pid_level" class="pid_tuning">
@ -450,7 +452,7 @@
</div>
<div class="subtab-filter" style="display: none;">
<div class="clear-both"></div>
<div class="note topspacer">
<div class="note topspacer" style="margin-top: 0px;">
<div class="note_spacer">
<p i18n="tuningHelp"></p>
</div>
@ -568,6 +570,7 @@
</div>
</div>
</form>
</div>
<div class="clear-both"></div>
</div>
<div class="content_toolbar">