1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-25 17:25:16 +03:00

Some updates

This commit is contained in:
skaman82 2015-10-30 17:41:39 +01:00
parent 69f42d8eea
commit a618839f50
6 changed files with 125 additions and 59 deletions

View file

@ -13,7 +13,7 @@
border-radius: 20px;
cursor: pointer;
display: inline-block;
height: 16px;
height: 14px;
position: relative;
vertical-align: middle;
width: 45px;
@ -31,10 +31,10 @@
background: #fff;
border-radius: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
height: 16px;
height: 14px;
position: absolute;
top: 0;
width: 16px;
width: 14px;
}

View file

@ -988,6 +988,8 @@ dialog {
width:100%;
border-radius: 3px;
font-size:11px;
font-family: 'open_sansregular', Arial;
}
.note_spacer {
@ -1095,6 +1097,8 @@ dialog {
float:left;
width:100%;
margin-bottom:10px;
font-family: 'open_sansregular', Arial;
}
.grey {
@ -1112,6 +1116,8 @@ dialog {
padding-bottom:0px;
float:left;
margin-bottom:7px;
font-family: 'open_sansregular', Arial;
}
.spacer_box {

View file

@ -1,54 +1,82 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="29 -30.3 200 200" enable-background="new 29 -30.3 200 200" xml:space="preserve">
viewBox="0 0 141.7 141.7" enable-background="new 0 0 141.7 141.7" xml:space="preserve">
<g>
<g>
<g>
<path fill="#BABABA" d="M74.1,124.9l-1.1-1.1c-4.7-4.7-4.7-12.3,0-17L173.4,6.5c4.7-4.7,12.3-4.7,17,0l1.1,1.1
c4.7,4.7,4.7,12.3,0,17L91.1,124.9C86.4,129.6,78.8,129.6,74.1,124.9z"/>
<circle fill="#BABABA" cx="183.6" cy="14.3" r="18.6"/>
<circle fill="#BABABA" cx="73.5" cy="124.5" r="18.6"/>
<path fill="#BABABA" d="M33.5,107.5L33.5,107.5c-3.4-3.4-3.4-8.9,0-12.2L100.8,28c3.4-3.4,8.9-3.4,12.2,0l0,0
c3.4,3.4,3.4,8.9,0,12.2l-67.3,67.3C42.4,110.9,36.9,110.9,33.5,107.5z"/>
<circle fill="#BABABA" cx="108.1" cy="32.9" r="12.6"/>
<circle fill="#BABABA" cx="33.4" cy="107.6" r="12.6"/>
</g>
<g>
<path fill="#BABABA" d="M184.1,123.8l-1.1,1.1c-4.7,4.7-12.3,4.7-17,0L65.7,24.6c-4.7-4.7-4.7-12.3,0-17l1.1-1.1
c4.7-4.7,12.3-4.7,17,0l100.3,100.3C188.7,111.5,188.7,119.2,184.1,123.8z"/>
<circle fill="#BABABA" cx="73.5" cy="14.3" r="18.6"/>
<circle fill="#BABABA" cx="183.6" cy="124.5" r="18.6"/>
<path fill="#BABABA" d="M108,107.5L108,107.5c-3.4,3.4-8.9,3.4-12.2,0L28.5,40.2c-3.4-3.4-3.4-8.9,0-12.2l0,0
c3.4-3.4,8.9-3.4,12.2,0L108,95.3C111.4,98.6,111.4,104.1,108,107.5z"/>
<circle fill="#BABABA" cx="33.4" cy="32.9" r="12.6"/>
<circle fill="#BABABA" cx="108.1" cy="107.6" r="12.6"/>
</g>
<path fill="#54AD1D" enable-background="new " d="M222,14.1c-0.1-14.2-7.9-26.6-19.6-33l9.2-9.4l-26.3,0.2l0.2,26.3l11.2-11.4
c10.1,5.2,17.1,15.2,17.2,27.4c0.1,16.6-13.5,30.4-30.1,30.5s-30.4-13.5-30.5-30.1c-0.1-13.3,8.3-24.3,20-28.9l-0.1-8.5
c-16.1,4.6-28.2,19.6-28,37.4c0.2,21.4,17.7,38.3,38.7,38.1S222.2,35.1,222,14.1z"/>
<path fill="#54AD1D" enable-background="new " d="M73.1,52.8c21,0.1,38.5-16.7,38.7-38.1c0.1-17.8-11.9-32.8-28-37.4l-0.1,8.5
c11.7,4.5,20.1,15.5,20,28.9c-0.1,16.6-14,30.2-30.5,30.1s-30.2-14-30.1-30.5c0.1-12.1,7-22.2,17.2-27.4L71.5-1.8l0.2-26.3
l-26.3-0.2l9.2,9.4C42.8-12.5,35.1,0,35,14.1C34.8,35.1,52.1,52.7,73.1,52.8z"/>
<path fill="#54AD1D" enable-background="new " d="M183.9,86.5c-21-0.1-38.5,16.7-38.7,38.1c-0.1,17.8,11.9,32.8,28,37.4
l0.1-8.5c-11.7-4.5-20.1-15.5-20-28.9c0.1-16.6,14-30.2,30.5-30.1s30.2,14,30.1,30.5c-0.1,12.1-7,22.2-17.2,27.4l-11.2-11.4
l-0.2,26.3l26.3,0.2l-9.2-9.4c11.8-6.4,19.5-18.9,19.6-33C222.2,104.2,204.9,86.7,183.9,86.5z"/>
<path fill="#54AD1D" enable-background="new " d="M34.9,125.2c0.1,14.2,7.9,26.6,19.6,33l-9.2,9.4l26.3-0.2l-0.2-26.3
l-11.2,11.4c-10.1-5.2-17.1-15.2-17.2-27.4c-0.1-16.6,13.5-30.4,30.1-30.5c16.6-0.1,30.4,13.5,30.5,30.1
c0.1,13.3-8.3,24.3-20,28.9l0.1,8.5c16.1-4.6,28.2-19.6,28-37.4c-0.2-21.4-17.7-38.3-38.7-38.1C52,86.7,34.8,104.2,34.9,125.2z"/>
<polygon fill="#FA0700" points="138.9,71 128.8,54.4 118.4,71 124,69.9 124,81.7 133,81.7 133,69.9 "/>
<polygon fill="#FA0700" points="77.9,71.3 71,60.1 64.1,71.3 68,70.6 68,78.7 74,78.7 74,70.6 "/>
<g>
<g>
<g id="chevron-right">
<polygon fill="#54AD1D" points="29.6,1.8 28,3.4 33.2,8.6 28,13.7 29.6,15.3 36.3,8.6 "/>
</g>
</g>
<path fill="#54AD1D" d="M44.7,9.9l-1.1,2.3c7.6,3.8,12.9,11.7,12.9,20.7c0,12.8-10.4,23.1-23.1,23.1S10.3,45.7,10.3,32.9
S20.7,9.8,33.4,9.8c0.1,0,0.2,0,0.4,0V7.3c-0.1,0-0.2,0-0.4,0C19.3,7.3,7.8,18.8,7.8,32.9s11.5,25.6,25.6,25.6
s25.6-11.5,25.6-25.6C59.1,22.8,53.2,14.1,44.7,9.9z"/>
</g>
<g>
<path fill="#FFFFFF" d="M79.5,19.2H77v3.9h-1.8v-3.9H67v-1.7l8-11.4h2v11.3h2.5V19.2z M75.2,17.5v-5.6c0-1.1,0-2.3,0.1-3.7h-0.1
c-0.4,0.7-0.7,1.3-1,1.8l-5.3,7.5H75.2z"/>
<g>
<g id="chevron-right_1_">
<polygon fill="#54AD1D" points="104,8.6 110.8,15.3 112.3,13.7 107.2,8.6 112.3,3.4 110.8,1.8 "/>
</g>
</g>
<path fill="#54AD1D" d="M95.6,9.9l1.1,2.3C89,16,83.8,23.8,83.8,32.9c0,12.8,10.4,23.1,23.1,23.1S130,45.7,130,32.9
S119.7,9.8,106.9,9.8c-0.1,0-0.2,0-0.4,0V7.3c0.1,0,0.2,0,0.4,0c14.1,0,25.6,11.5,25.6,25.6S121,58.6,106.9,58.6
S81.3,47.1,81.3,32.9C81.3,22.8,87.1,14.1,95.6,9.9z"/>
</g>
<g>
<path fill="#FFFFFF" d="M189.2,23.1h-11.1v-1.6l4.4-4.5c1.4-1.4,2.2-2.3,2.7-2.9c0.4-0.6,0.8-1.2,1-1.7c0.2-0.6,0.3-1.1,0.3-1.8
c0-0.9-0.3-1.6-0.8-2.1c-0.5-0.5-1.3-0.8-2.3-0.8c-0.7,0-1.4,0.1-2,0.3c-0.6,0.2-1.3,0.6-2.1,1.3l-1-1.3c1.6-1.3,3.2-1.9,5.1-1.9
c1.6,0,2.8,0.4,3.7,1.2c0.9,0.8,1.3,1.9,1.3,3.3c0,1.1-0.3,2.1-0.9,3.2c-0.6,1-1.7,2.4-3.4,4l-3.7,3.6v0.1h8.7V23.1z"/>
<g>
<g id="chevron-right_3_">
<polygon fill="#54AD1D" points="36.3,133 29.6,126.3 28,127.8 33.2,133 28,138.2 29.6,139.7 "/>
</g>
</g>
<path fill="#54AD1D" d="M44.7,131.6l-1.1-2.3c7.6-3.8,12.9-11.7,12.9-20.7c0-12.8-10.4-23.1-23.1-23.1s-23.1,10.4-23.1,23.1
s10.4,23.1,23.1,23.1c0.1,0,0.2,0,0.4,0v2.5c-0.1,0-0.2,0-0.4,0c-14.1,0-25.6-11.5-25.6-25.6S19.3,83,33.4,83s25.6,11.5,25.6,25.6
C59.1,118.7,53.2,127.5,44.7,131.6z"/>
</g>
<g>
<path fill="#FFFFFF" d="M78.1,119.4c0,1.1-0.3,2-0.9,2.6c-0.6,0.7-1.5,1.1-2.6,1.4v0.1c1.4,0.2,2.4,0.6,3,1.3c0.7,0.7,1,1.6,1,2.7
c0,1.6-0.6,2.8-1.7,3.7c-1.1,0.9-2.7,1.3-4.7,1.3c-0.9,0-1.7-0.1-2.4-0.2c-0.7-0.1-1.5-0.4-2.2-0.7v-1.8c0.7,0.4,1.5,0.6,2.3,0.8
c0.8,0.2,1.6,0.3,2.3,0.3c2.9,0,4.4-1.1,4.4-3.4c0-2-1.6-3.1-4.8-3.1h-1.7v-1.6h1.7c1.3,0,2.4-0.3,3.1-0.9
c0.8-0.6,1.2-1.4,1.2-2.4c0-0.8-0.3-1.5-0.8-1.9c-0.6-0.5-1.3-0.7-2.3-0.7c-0.7,0-1.4,0.1-2.1,0.3c-0.7,0.2-1.4,0.6-2.2,1.1
l-1-1.3c0.7-0.5,1.5-1,2.4-1.3c0.9-0.3,1.9-0.5,2.8-0.5c1.6,0,2.9,0.4,3.8,1.1C77.7,117.1,78.1,118.1,78.1,119.4z"/>
<g>
<g id="chevron-right_2_">
<polygon fill="#54AD1D" points="110.8,139.7 112.3,138.2 107.2,133 112.3,127.8 110.8,126.3 104,133 "/>
</g>
</g>
<path fill="#54AD1D" d="M95.6,131.6l1.1-2.3c-7.6-3.8-12.9-11.7-12.9-20.7c0-12.8,10.4-23.1,23.1-23.1S130,95.9,130,108.6
s-10.4,23.1-23.1,23.1c-0.1,0-0.2,0-0.4,0v2.5c0.1,0,0.2,0,0.4,0c14.1,0,25.6-11.5,25.6-25.6S121,83,106.9,83
s-25.6,11.5-25.6,25.6C81.3,118.7,87.1,127.5,95.6,131.6z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M185.2,132.3h-1.9v-12c0-1,0-1.9,0.1-2.8c-0.2,0.2-0.3,0.3-0.5,0.5c-0.2,0.2-1.1,0.9-2.7,2.2l-1-1.3
l4.5-3.4h1.6V132.3z"/>
<path fill="#FFFFFF" d="M37.8,36.6H36v2.8h-1.3v-2.8h-5.8v-1.2l5.7-8.1H36v8h1.8V36.6z M34.7,35.4v-4c0-0.8,0-1.6,0.1-2.6h-0.1
c-0.3,0.5-0.5,0.9-0.7,1.3l-3.8,5.3H34.7z"/>
</g>
<g>
<path fill="#FFFFFF" d="M111.5,39.3h-7.9v-1.1l3.1-3.2c1-1,1.6-1.6,1.9-2.1c0.3-0.4,0.6-0.9,0.7-1.2c0.1-0.4,0.2-0.8,0.2-1.3
c0-0.6-0.2-1.1-0.6-1.5c-0.4-0.4-0.9-0.6-1.6-0.6c-0.5,0-1,0.1-1.4,0.2s-0.9,0.4-1.5,0.9l-0.7-0.9c1.1-0.9,2.3-1.3,3.6-1.3
c1.1,0,2,0.3,2.6,0.9c0.6,0.6,0.9,1.3,0.9,2.3c0,0.8-0.2,1.5-0.6,2.3c-0.4,0.7-1.2,1.7-2.4,2.8l-2.6,2.6v0.1h6.2L111.5,39.3
L111.5,39.3z"/>
</g>
<g>
<path fill="#FFFFFF" d="M36.8,104.6c0,0.8-0.2,1.4-0.6,1.8c-0.4,0.5-1.1,0.8-1.8,1v0.1c1,0.1,1.7,0.4,2.1,0.9
c0.5,0.5,0.7,1.1,0.7,1.9c0,1.1-0.4,2-1.2,2.6s-1.9,0.9-3.3,0.9c-0.6,0-1.2-0.1-1.7-0.1c-0.5-0.1-1.1-0.3-1.6-0.5v-1.3
c0.5,0.3,1.1,0.4,1.6,0.6c0.6,0.1,1.1,0.2,1.6,0.2c2.1,0,3.1-0.8,3.1-2.4c0-1.4-1.1-2.2-3.4-2.2h-1.2V107h1.2
c0.9,0,1.7-0.2,2.2-0.6c0.6-0.4,0.9-1,0.9-1.7c0-0.6-0.2-1.1-0.6-1.3c-0.4-0.4-0.9-0.5-1.6-0.5c-0.5,0-1,0.1-1.5,0.2
c-0.5,0.1-1,0.4-1.6,0.8l-0.7-0.9c0.5-0.4,1.1-0.7,1.7-0.9c0.6-0.2,1.3-0.4,2-0.4c1.1,0,2.1,0.3,2.7,0.8
C36.5,102.9,36.8,103.7,36.8,104.6z"/>
</g>
<g>
<path fill="#FFFFFF" d="M109.7,113.7h-1.3v-8.5c0-0.7,0-1.3,0.1-2c-0.1,0.1-0.2,0.2-0.4,0.4c-0.1,0.1-0.8,0.6-1.9,1.6l-0.7-0.9
l3.2-2.4h1.1L109.7,113.7L109.7,113.7z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Before After
Before After

View file

@ -77,7 +77,7 @@
height: 100%;
}
.tab-configuration select.mixerList {
width: 155px;
width: 170px;
height: 20px;
margin-top: 5px;
@ -170,6 +170,8 @@
.tab-configuration .disarm .checkbox div input {
display:;
margin:0px;
float: left;
}
.tab-configuration .disarm .checkbox span {
margin-left: 0px;
@ -260,7 +262,10 @@ padding-bottom:0px;
}
.tab-configuration .numberspacer {
float:left; width:60px; height:20px;}
float:left;
width:60px;
height:20px;
}
.tab-configuration thead {
display:none;
@ -268,6 +273,8 @@ float:left; width:60px; height:20px;}
.tab-configuration .gui_box {
margin-bottom:10px;
float:left;
}
.tab-configuration .rssi td {
@ -277,22 +284,35 @@ float:left; width:60px; height:20px;}
}
.tab-configuration .acc .gui_box {
min-height:137px;
float:left;
}
.tab-configuration .rssi .gui_box {
min-height:140px;
float:left;
}
.tab-configuration .mixer .gui_box {
min-height:284px;
.tab-configuration .mixer .gui_box, .tab-configuration .motorstop .gui_box {
min-height:285px;
float:left;
}
.tab-configuration .current .gui_box {
min-height:221px;
min-height:223px;
float:left;
}
.tab-configuration .gps .gui_box {
min-height:366px;
min-height:358px;
float:left;
}
@ -313,8 +333,8 @@ float:left; width:60px; height:20px;}
}
.tab-configuration .mixerPreview {
height:230px;
width:230px;
height:217px;
width:217px;
background-color: #eeeeee;
text-align: center;
float:left;
@ -337,3 +357,15 @@ float:left; width:60px; height:20px;}
margin-bottom:0px;
}
.tab-configuration .gui_box {
font-style: bold;
font-family: 'open_sanssemibold', Arial;
}
.tab-configuration .gui_box span {
font-style: italic;
font-family: 'open_sansregular', Arial;
color:#7d7d7d;
}

View file

@ -30,7 +30,7 @@
<div class="rightWrapper">
<div class="rightWrapper motorstop">
<div class="gui_box grey">
<div class="gui_box_titlebar"><div class="spacer_box_title" i18n="configurationEscFeatures"></div>
@ -59,7 +59,7 @@
<div class="freelabel" i18n="configurationDisarmKillSwitch"></div>
</label>
</div>
<div class="number disarmdelay" style="display:none;">
<div class="number disarmdelay" style="display:none; margin-bottom:5px;">
<label><div class="numberspacer">
<input type="number" name="autodisarmdelay" min="0" max="60" /></div>
<span i18n="configurationAutoDisarmDelay"></span>
@ -132,8 +132,8 @@
</div></div></div>
<div class="rightWrapper">
<div class="gui_box grey" style="min-height:142px;">
<div class="rightWrapper acc">
<div class="gui_box grey">
<div class="gui_box_titlebar"><div class="spacer_box_title" i18n="configurationAccelTrims"></div>
<div class="helpicon"></div></div><div class="spacer_box">

View file

@ -132,9 +132,9 @@ TABS.configuration.initialize = function (callback, scrollPosition) {
+ i
+ '">'
+ features[i].name
+ '</label></td><td>'
+ '</label></td><td><span>'
+ features[i].description
+ '</td>');
+ '</td><span>');
radioGroups.push(features[i].group);
} else {
row_e = $('<tr><td><input class="feature"'
@ -147,9 +147,9 @@ TABS.configuration.initialize = function (callback, scrollPosition) {
+ i
+ '">'
+ features[i].name
+ '</label></td><td>'
+ '</label></td><td><span>'
+ features[i].description
+ '</td>');
+ '</span></td>');
var feature_e = row_e.find('input.feature');