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

moving colors from html into the .css files

Browse source
This commit is contained in:
Kyle K 2019-06-28 23:42:35 +00:00
parent 29ce2eae60
commit 321c795de0
9 changed files with 27 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/css/main-dark.css
View file

@ -118,3 +118,7 @@ button {
.noUi-pips { .noUi-pips {
color: #dbdbdb; color: #dbdbdb;
} }
.topBorderLine {
border-top: 1px solid #9c9c9c;
}

8
src/css/main.css
View file

@ -2046,7 +2046,11 @@ input {
} }
.darkgrey_box { .darkgrey_box {
background-color: #575757; background-color: #575757;
color: white; color: white;
} }
.topBorderLine {
border-top: 1px solid #ddd;
padding-top: 5px;
}

2
src/css/tabs-dark/pid_tuning-dark.css
View file

@ -109,7 +109,7 @@
border-right: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c;
} }
.tab-pid_tuning table input { .tab-pid_tuning table input,.inputBackground {
border: 0px solid #9c9c9c; border: 0px solid #9c9c9c;
background-color: #3a3a3a; background-color: #3a3a3a;
color: white; color: white;

4
src/css/tabs/osd.css
View file

@ -30,6 +30,10 @@
width: 100%; width: 100%;
} }
.info .progressLabel {
color: white;
}
.info .progressLabel a { .info .progressLabel a {
color: white; color: white;
} }

4
src/css/tabs/pid_tuning.css
View file

@ -251,6 +251,10 @@
margin-bottom: 0px; margin-bottom: 0px;
} }
.tab-pid_tuning table .inputBackground {
background: white;
}
.tab-pid_tuning table, .tab-pid_tuning table td { .tab-pid_tuning table, .tab-pid_tuning table td {
padding: 1px; padding: 1px;
border-bottom: 0px solid #ccc; border-bottom: 0px solid #ccc;

4
src/js/tabs/pid_tuning.js
View file

@ -1134,9 +1134,9 @@ TABS.pid_tuning.initialize = function (callback) {
if (semver.gte(CONFIG.apiVersion, "1.37.0")) { if (semver.gte(CONFIG.apiVersion, "1.37.0")) {
$('.pid_tuning .bracket').hide(); $('.pid_tuning .bracket').hide();
$('.pid_tuning input[name=rc_rate]').parent().css('background-color', ''); $('.pid_tuning input[name=rc_rate]').parent().attr('class', 'pid_data');
$('.pid_tuning input[name=rc_rate]').parent().attr('rowspan', 1); $('.pid_tuning input[name=rc_rate]').parent().attr('rowspan', 1);
$('.pid_tuning input[name=rc_expo]').parent().css('background-color', ''); $('.pid_tuning input[name=rc_expo]').parent().attr('class', 'pid_data');
$('.pid_tuning input[name=rc_expo]').parent().attr('rowspan', 1); $('.pid_tuning input[name=rc_expo]').parent().attr('rowspan', 1);
} else { } else {
$('.pid_tuning input[name=rc_rate_pitch]').parent().hide(); $('.pid_tuning input[name=rc_rate_pitch]').parent().hide();

6
src/tabs/configuration.html
View file

@ -32,7 +32,7 @@
</div> </div>
</div> </div>
<div class="spacer_box reverseMotor"> <div class="spacer_box reverseMotor">
<div class="checkbox" style="border-top: 1px solid #ddd; padding-top: 5px;"> <div class="topBorderLine">
<div style="float: left; height: 20px; margin-right: 15px; margin-left: 3px;"> <div style="float: left; height: 20px; margin-right: 15px; margin-left: 3px;">
<input type="checkbox" id="reverseMotorSwitch" class="toggle" /> <input type="checkbox" id="reverseMotorSwitch" class="toggle" />
</div> </div>
@ -157,7 +157,7 @@
<div class="helpicon cf_tip" i18n_title="configurationEscProtocolHelp"></div> <div class="helpicon cf_tip" i18n_title="configurationEscProtocolHelp"></div>
</label> </label>
</div> </div>
<div class="checkboxPwm" style="border-bottom: 1px solid #ddd; padding-bottom: 5px;"> <div class="number checkboxPwm">
<div style="float: left; height: 20px; margin-right: 5px; margin-left: 3px;"> <div style="float: left; height: 20px; margin-right: 5px; margin-left: 3px;">
<input type="checkbox" id="unsyncedPWMSwitch" class="toggle" /> <input type="checkbox" id="unsyncedPWMSwitch" class="toggle" />
</div> </div>
@ -165,7 +165,7 @@
i18n="configurationunsyndePwm"></span> i18n="configurationunsyndePwm"></span>
</label> </label>
</div> </div>
<div class="number unsyncedpwmfreq" style="margin-top: 5px; border-bottom: 1px solid #ddd; padding-bottom: 10px;"> <div class="number unsyncedpwmfreq" style="margin-top: 5px; padding-bottom: 10px;">
<label> <label>
<div class="numberspacer"> <div class="numberspacer">
<input type="number" name="unsyncedpwmfreq" min="200" max="32000" step="100" /> <input type="number" name="unsyncedpwmfreq" min="200" max="32000" step="100" />

2
src/tabs/osd.html
View file

@ -184,7 +184,7 @@
<div class="info"> <div class="info">
<a name="progressbar"></a> <a name="progressbar"></a>
<progress class="progress" value="0" min="0" max="100"></progress> <progress class="progress" value="0" min="0" max="100"></progress>
<div class="progressLabel" style="margin-top: -21px; width: 95%; text-align: center; color: white; position: absolute;"></div> <div class="progressLabel" style="margin-top: -21px; width: 95%; text-align: center; position: absolute;"></div>
</div> </div>
</div> </div>
<!-- Upload button --> <!-- Upload button -->

4
src/tabs/pid_tuning.html
View file

@ -94,14 +94,14 @@
<td class="pid_data"><input type="number" name="i" step="1" min="0" max="200" /></td> <td class="pid_data"><input type="number" name="i" step="1" min="0" max="200" /></td>
<td class="pid_data"><input type="number" name="d" step="1" min="0" max="200" /></td> <td class="pid_data"><input type="number" name="d" step="1" min="0" max="200" /></td>
<td class="pid_data"><input type="number" name="f" step="1" min="0" max="2000" /></td> <td class="pid_data"><input type="number" name="f" step="1" min="0" max="2000" /></td>
<td rowspan="2" style="background-color:white;"> <td rowspan="2" class="inputBackground">
<input type="number" name="rc_rate" step="0.01" min="0.01" max="2.55" /> <input type="number" name="rc_rate" step="0.01" min="0.01" max="2.55" />
<div class="bracket"></div> <div class="bracket"></div>
</td> </td>
<td class="roll_rate"><input type="number" name="roll_rate" step="0.01" min="0" max="1.00" /></td> <td class="roll_rate"><input type="number" name="roll_rate" step="0.01" min="0" max="1.00" /></td>
<td class="roll_pitch_rate" rowspan="2"><input type="number" name="roll_pitch_rate" step="0.01" min="0" max="1.00" /></td> <td class="roll_pitch_rate" rowspan="2"><input type="number" name="roll_pitch_rate" step="0.01" min="0" max="1.00" /></td>
<td class="new_rates maxAngularVelRoll"></td> <td class="new_rates maxAngularVelRoll"></td>
<td rowspan="2" style="background-color:white;"> <td rowspan="2" class="inputBackground">
<input type="number" name="rc_expo" step="0.01" min="0" max="1" /> <input type="number" name="rc_expo" step="0.01" min="0" max="1" />
<div class="bracket"></div> <div class="bracket"></div>
</td> </td>