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

Fix styling board and gyro align

10.5.x-maintenance
Miguel Angel Mulero Martinez 2019-04-05 10:14:49 +02:00
parent e322ef0795
commit 53b18b67e7
2 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/css/tabs/configuration.css
View File

@ -219,6 +219,18 @@
border-bottom: 1px solid #ddd;
width: 33.3%;
float: left;
white-space: nowrap;
}
.tab-configuration .board_align_inputs input {
width: 3.5em;
}
.tab-configuration .board_align_inputs label,
.tab-configuration .gyro_alignment_inputs label {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.tab-configuration .selectProtocol
@ -374,37 +386,35 @@
}
.tab-configuration .alignicon {
width: 20px;
height: 20px;
width: 15px;
height: 15px;
float: left;
margin-left: -5px;
margin-left: -1px;
margin-right: 3px;
}
.tab-configuration .pitch {
background-image: url(../../images/icons/cf_icon_pitch.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
}
.tab-configuration .yaw {
background-image: url(../../images/icons/cf_icon_yaw.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
}
.tab-configuration .roll {
background-image: url(../../images/icons/cf_icon_roll.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
}
.tab-configuration .board select {
float: left;
width: fit-content;
max-width: 50%;
height: 20px;
margin-right: 5px;
border: 1px solid silver;

6
src/tabs/configuration.html
View File

@ -274,29 +274,29 @@
<div class="gyro_align_content">
<div class="gyro_alignment_inputs">
<label>
<span i18n="configurationSensorGyroToUse"></span>
<select class="gyro_to_use">
<option i18n="configurationSensorGyroToUseDefaultOption" value="0"></option>
<!-- list generated here -->
</select>
<span i18n="configurationSensorGyroToUse"></span>
</label>
</div>
<div class="gyro_alignment_inputs">
<label>
<span i18n="configurationSensorAlignmentGyro1"></span>
<select class="gyro_1_align">
<option i18n="configurationSensorAlignmentDefaultOption" value="0"></option>
<!-- list generated here -->
</select>
<span i18n="configurationSensorAlignmentGyro1"></span>
</label>
</div>
<div class="gyro_alignment_inputs">
<label>
<span i18n="configurationSensorAlignmentGyro2"></span>
<select class="gyro_2_align">
<option i18n="configurationSensorAlignmentDefaultOption" value="0"></option>
<!-- list generated here -->
</select>
<span i18n="configurationSensorAlignmentGyro2"></span>
</label>
</div>
</div>