mirror of
https://github.com/betaflight/betaflight-configurator.git
synced 2025-07-23 16:25:22 +03:00
Battery icon; visual improvement
Thanks to @skaman82
This commit is contained in:
parent
0518ed6993
commit
c85f41ad3d
1 changed files with 16 additions and 12 deletions
28
main.css
28
main.css
|
@ -1591,17 +1591,18 @@ dialog {
|
||||||
|
|
||||||
.quad-status-contents {
|
.quad-status-contents {
|
||||||
display: none;
|
display: none;
|
||||||
margin-top: 14px;
|
margin-top: 10px;
|
||||||
margin-left: 7px;
|
margin-left: 14px;
|
||||||
height: 15px;
|
height: 10px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
|
/* width: 30px; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.battery-legend {
|
.battery-legend {
|
||||||
display: inline;
|
display: inline;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -5px;
|
top: -2px;
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
@ -1621,12 +1622,13 @@ dialog {
|
||||||
}
|
}
|
||||||
|
|
||||||
.battery-status {
|
.battery-status {
|
||||||
height: 15px;
|
height: 11px;
|
||||||
position: relative;
|
position: relative;
|
||||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.20);
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.20);
|
||||||
border-radius: 2px;
|
border-radius: 0px;
|
||||||
background-color: #59AA29;
|
background-color: #59AA29;
|
||||||
border-radius: 4px;
|
/* border-radius: 4px; */
|
||||||
|
margin-top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.battery-icon {
|
.battery-icon {
|
||||||
|
@ -1634,14 +1636,13 @@ dialog {
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 41px;
|
height: 30px;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
transition: none;
|
transition: none;
|
||||||
margin-top: -5px;
|
margin-top: 4px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.armedicon,
|
.armedicon,
|
||||||
.failsafeicon,
|
.failsafeicon,
|
||||||
.linkicon {
|
.linkicon {
|
||||||
|
@ -1672,6 +1673,9 @@ dialog {
|
||||||
.bottomStatusIcons {
|
.bottomStatusIcons {
|
||||||
background-color: #272727;
|
background-color: #272727;
|
||||||
height: 31px;
|
height: 31px;
|
||||||
|
margin-top: 2px;
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue