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

reworked mixer UI as requested

Browse source
This commit is contained in:
cTn 2014-09-18 14:29:54 +02:00
parent 0c175725b1
commit 90cd5aa69b
2 changed files with 17 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

27
tabs/configuration.css
View file

@ -21,25 +21,26 @@
width: calc(50% - 10px); width: calc(50% - 10px);
margin: 0 0 10px 10px; margin: 0 0 10px 10px;
} }
.tab-configuration .mixerList {
float: left;
width: 120px;
height: 250px;
border: 1px solid silver;
}
.tab-configuration .mixerPreview { .tab-configuration .mixerPreview {
float: left; width: 180px;
height: 180px;
width: calc(100% - 120px);
height: 150px;
} }
.tab-configuration .mixerPreview img { .tab-configuration .mixerPreview img {
display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
margin-top: 60px; border: 1px solid silver;
border-bottom: 0;
}
.tab-configuration select.mixerList {
width: calc(100% + 2px);
height: 20px;
font-weight: bold;
border: 1px solid silver;
} }
.tab-configuration dl.features dt { .tab-configuration dl.features dt {
float: left; float: left;

7
tabs/configuration.html
View file

@ -1,13 +1,12 @@
<div class="tab-configuration"> <div class="tab-configuration">
<div class="leftWrapper"> <div class="leftWrapper">
<div class="groupTitle" i18n="configurationMixer"></div> <div class="groupTitle" i18n="configurationMixer"></div>
<select class="mixerList" size="10">
<!-- list generated here -->
</select>
<div class="mixerPreview"> <div class="mixerPreview">
<img src="./images/motor_order/custom.svg" /> <img src="./images/motor_order/custom.svg" />
<select class="mixerList">
<!-- list generated here -->
</select>
</div> </div>
<div class="clear-both"></div>
</div> </div>
<div class="rightWrapper"> <div class="rightWrapper">
<div class="groupTitle" i18n="configurationFeatures"></div> <div class="groupTitle" i18n="configurationFeatures"></div>