Mirror/betaflight-configurator
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-19 14:25:14 +03:00
Code Issues Wiki Activity

convert some style manipulation over to class manipulation

Browse source 
Use of addClass/removeClass makes design modifications involve html/css instead of html/css/js. Also we can look into packaging the css together to reduce file count.
Also removed some extra color statements (it is a shade of green from cleanflight 1.x)
This commit is contained in:
Kyle K 2019-10-29 20:18:56 +00:00
parent 4d7cc704b0
commit c2e8cf19c9
2 changed files with 16 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/css/main.css
View file

@ -290,7 +290,6 @@ input[type="number"]::-webkit-inner-spin-button {
.gyroicon.active { .gyroicon.active {
background-image: url(../images/icons/sensor_gyro_on.png); background-image: url(../images/icons/sensor_gyro_on.png);
color: #61d514;
color: #818181; color: #818181;
} }
@ -309,7 +308,6 @@ input[type="number"]::-webkit-inner-spin-button {
.accicon.active { .accicon.active {
background-image: url(../images/icons/sensor_acc_on.png); background-image: url(../images/icons/sensor_acc_on.png);
color: #61d514;
color: #818181; color: #818181;
} }
@ -1940,13 +1938,23 @@ dialog {
.armedicon { .armedicon {
background-image: url(../images/icons/cf_icon_armed_grey.svg); background-image: url(../images/icons/cf_icon_armed_grey.svg);
} }
.armedicon.active {
background-image: url(../images/icons/cf_icon_armed_active.svg);
}
.failsafeicon { .failsafeicon {
background-image: url(../images/icons/cf_icon_failsafe_grey.svg); background-image: url(../images/icons/cf_icon_failsafe_grey.svg);
} }
.failsafeicon.active {
background-image: url(../images/icons/cf_icon_failsafe_active.svg);
}
.linkicon { .linkicon {
background-image: url(../images/icons/cf_icon_link_grey.svg); background-image: url(../images/icons/cf_icon_link_grey.svg);
} }
.linkicon.active {
background-image: url(../images/icons/cf_icon_link_active.svg);
}
.bottomStatusIcons { .bottomStatusIcons {
display: flex; display: flex;

24
src/js/serial_backend.js
View file

@ -598,23 +598,15 @@ function update_live_status() {
for (var i = 0; i < AUX_CONFIG.length; i++) { for (var i = 0; i < AUX_CONFIG.length; i++) {
if (AUX_CONFIG[i] == 'ARM') { if (AUX_CONFIG[i] == 'ARM') {
if (bit_check(CONFIG.mode, i)) if (bit_check(CONFIG.mode, i))
$(".armedicon").css({ $(".armedicon").addClass('active');
'background-image': 'url(images/icons/cf_icon_armed_active.svg)'
});
else else
$(".armedicon").css({ $(".armedicon").removeClass('active');
'background-image': 'url(images/icons/cf_icon_armed_grey.svg)'
});
} }
if (AUX_CONFIG[i] == 'FAILSAFE') { if (AUX_CONFIG[i] == 'FAILSAFE') {
if (bit_check(CONFIG.mode, i)) if (bit_check(CONFIG.mode, i))
$(".failsafeicon").css({ $(".failsafeicon").addClass('active');
'background-image': 'url(images/icons/cf_icon_failsafe_active.svg)'
});
else else
$(".failsafeicon").css({ $(".failsafeicon").removeClass('active');
'background-image': 'url(images/icons/cf_icon_failsafe_grey.svg)'
});
} }
} }
@ -654,13 +646,9 @@ function update_live_status() {
} }
if (active) { if (active) {
$(".linkicon").css({ $(".linkicon").addClass('active');
'background-image': 'url(images/icons/cf_icon_link_active.svg)'
});
} else { } else {
$(".linkicon").css({ $(".linkicon").removeClass('active');
'background-image': 'url(images/icons/cf_icon_link_grey.svg)'
});
} }
statuswrapper.show(); statuswrapper.show();