1
0
Fork 0
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:
gael 2016-04-21 00:42:58 +02:00
parent 0518ed6993
commit c85f41ad3d

View file

@ -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;
} }