mirror of
https://github.com/betaflight/betaflight.git
synced 2025-07-24 08:45:36 +03:00
Add flight instruments to setup tab
This commit is contained in:
parent
34d72feb69
commit
f89aaa1011
26 changed files with 1610 additions and 24 deletions
52
js/libraries/flightindicators.css
Normal file
52
js/libraries/flightindicators.css
Normal file
|
@ -0,0 +1,52 @@
|
|||
/*
|
||||
* jQuery Flight Indicators plugin
|
||||
* By Sébastien Matton (seb_matton@hotmail.com)
|
||||
* Published under GPLv3 License.
|
||||
*
|
||||
* https://github.com/sebmatton/jQuery-Flight-Indicators
|
||||
*/
|
||||
|
||||
/* Global block of an indicator*/
|
||||
div.instrument {
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* The box containing any element of an indicator */
|
||||
div.instrument .box {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Default transformations */
|
||||
|
||||
div.instrument.attitude div.roll {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
div.instrument.attitude div.roll div.pitch {
|
||||
top: 0%;
|
||||
}
|
||||
div.instrument.heading div.yaw {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
div.instrument.vario div.vario {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
div.instrument.speed div.airspeed {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
div.instrument.altimeter div.pressure {
|
||||
transform: rotate(40deg);
|
||||
}
|
||||
div.instrument.altimeter div.needle {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
div.instrument.altimeter div.needleSmall {
|
||||
transform: rotate(90deg);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue