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

fix UI resize for mag/info, cleanup

10.3.x-maintenance
cTn 2014-05-05 14:58:55 +02:00
parent 462f907248
commit 5118da56d5
2 changed files with 12 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

99
tabs/initial_setup.css
View File

@ -166,13 +166,9 @@
float: left;
display: block;
margin-left: 10px;
margin: 0 0 10px 10px;
border: 1px solid silver;
}
.tab-initial_setup .magnetometer,
.tab-initial_setup .info {
margin-top: 10px;
}
.tab-initial_setup .battery .head,
.tab-initial_setup .throttle .head,
@ -317,7 +313,7 @@
display: block;
float: right;
margin: 10px 3px 0 0;
margin: 0 3px 0 0;
width: 80px;
height: 28px;
@ -334,93 +330,4 @@
}
.tab-initial_setup .update.success {
border: 1px solid #43c84d;
}
.tab-initial_setup .compass-wrapper {
display: none;
position: absolute;
bottom: 10px;
right: 10px;
border: 1px solid silver;
border-radius: 50%;
}
.tab-initial_setup #compass {
position: relative;
width: 150px;
height: 150px;
border: 6px dashed silver;
border-radius: 50%;
}
.tab-initial_setup #compass span {
position: absolute;
font-weight: bold;
}
.tab-initial_setup #compass span:nth-child(1) {
left: 70px;
top: 5px;
}
.tab-initial_setup #compass span:nth-child(2) {
right: 5px;
top: 70px;
}
.tab-initial_setup #compass span:nth-child(3) {
left: 70px;
bottom: 5px;
}
.tab-initial_setup #compass span:nth-child(4) {
left: 5px;
top: 70px;
}
.tab-initial_setup #compass .pointer {
position: absolute;
height: 150px;
width: 150px;
-webkit-transform: rotate(0deg);
}
.tab-initial_setup #compass .pointer .tip {
position: absolute;
margin-top: 14px;
margin-left: -6px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 30px solid red;
}
.tab-initial_setup #compass .pointer .stick {
position: absolute;
display: block;
margin-top: -22px;
margin-right: 69px;
width: 4px;
height: 30px;
background-color: black;
}
.tab-initial_setup #compass .value {
position: relative;
top: 75px;
left: 53px;
width: 40px;
height: 16px;
line-height: 16px;
text-align: center;
background-color: #f2f2f2;
border: 1px solid silver;
}
}

31
tabs/initial_setup.html
View File

@ -74,8 +74,7 @@
</div>
</div>
<a class="update" href="#">Save</a>
</div>
<div class="left" style="width: 515px">
<div class="clear-both"></div>
<div class="magnetometer">
<span class="head">Magnetometer</span>
<div class="fields">
@ -84,27 +83,15 @@
</dl>
</div>
</div>
</div>
<div class="info">
<span class="head">Info</span>
<div class="fields">
<dl>
<dt>Battery:</dt><dd class="bat-voltage">0 V</dd>
<dt>RSSI:</dt><dd class="rssi">0 %</dd>
</dl>
</div>
</div>
<div class="compass-wrapper">
<div id="compass">
<span>N</span>
<span>E</span>
<span>S</span>
<span>W</span>
<div class="pointer">
<span class="tip"></span>
<span class="stick"></span>
<div class="clear-both"></div>
<div class="info">
<span class="head">Info</span>
<div class="fields">
<dl>
<dt>Battery:</dt><dd class="bat-voltage">0 V</dd>
<dt>RSSI:</dt><dd class="rssi">0 %</dd>
</dl>
</div>
<div class="value"></div>
</div>
</div>
</div>