mirror of
https://github.com/iNavFlight/inav-configurator.git
synced 2025-07-17 21:35:30 +03:00
Added mouseOver to menu icons
This commit is contained in:
skaman82
parent
b4dc62cfa2
commit
bd2f99b4dd
1 changed files with 88 additions and 0 deletions
88
main.css
88
main.css
|
|
@ -585,6 +585,10 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
background-image: url(images/icons/cf_icon_setup_grey.svg);
|
||||
}
|
||||
|
||||
.ic_setup:hover {
|
||||
background-image: url(images/icons/cf_icon_setup_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_setup {
|
||||
background-image: url(images/icons/cf_icon_setup_white.svg);
|
||||
}
|
||||
|
|
@ -593,6 +597,10 @@ li.active .ic_setup {
|
|||
background-image: url(images/icons/cf_icon_ports_grey.svg);
|
||||
}
|
||||
|
||||
.ic_ports:hover {
|
||||
background-image: url(images/icons/cf_icon_ports_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_ports {
|
||||
background-image: url(images/icons/cf_icon_ports_white.svg);
|
||||
}
|
||||
|
|
@ -601,6 +609,10 @@ li.active .ic_ports {
|
|||
background-image: url(images/icons/cf_icon_config_grey.svg);
|
||||
}
|
||||
|
||||
.ic_config:hover {
|
||||
background-image: url(images/icons/cf_icon_config_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_config {
|
||||
background-image: url(images/icons/cf_icon_config_white.svg);
|
||||
}
|
||||
|
|
@ -609,6 +621,10 @@ li.active .ic_config {
|
|||
background-image: url(images/icons/cf_icon_pid_grey.svg);
|
||||
}
|
||||
|
||||
.ic_pid:hover {
|
||||
background-image: url(images/icons/cf_icon_pid_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_pid {
|
||||
background-image: url(images/icons/cf_icon_pid_white.svg);
|
||||
}
|
||||
|
|
@ -617,6 +633,10 @@ li.active .ic_pid {
|
|||
background-image: url(images/icons/cf_icon_rx_grey.svg);
|
||||
}
|
||||
|
||||
.ic_rx:hover {
|
||||
background-image: url(images/icons/cf_icon_rx_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_rx {
|
||||
background-image: url(images/icons/cf_icon_rx_white.svg);
|
||||
}
|
||||
|
|
@ -625,6 +645,10 @@ li.active .ic_rx {
|
|||
background-image: url(images/icons/cf_icon_modes_grey.svg);
|
||||
}
|
||||
|
||||
.ic_modes:hover {
|
||||
background-image: url(images/icons/cf_icon_modes_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_modes {
|
||||
background-image: url(images/icons/cf_icon_modes_white.svg);
|
||||
}
|
||||
|
|
@ -633,6 +657,10 @@ li.active .ic_modes {
|
|||
background-image: url(images/icons/cf_icon_adjust_grey.svg);
|
||||
}
|
||||
|
||||
.ic_adjust:hover {
|
||||
background-image: url(images/icons/cf_icon_adjust_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_adjust {
|
||||
background-image: url(images/icons/cf_icon_adjust_white.svg);
|
||||
}
|
||||
|
|
@ -641,6 +669,10 @@ li.active .ic_adjust {
|
|||
background-image: url(images/icons/cf_icon_servo_grey.svg);
|
||||
}
|
||||
|
||||
.ic_servo:hover {
|
||||
background-image: url(images/icons/cf_icon_servo_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_servo {
|
||||
background-image: url(images/icons/cf_icon_servo_white.svg);
|
||||
}
|
||||
|
|
@ -649,6 +681,10 @@ li.active .ic_servo {
|
|||
background-image: url(images/icons/cf_icon_gps_grey.svg);
|
||||
}
|
||||
|
||||
.ic_gps:hover {
|
||||
background-image: url(images/icons/cf_icon_gps_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_gps {
|
||||
background-image: url(images/icons/cf_icon_gps_white.svg);
|
||||
}
|
||||
|
|
@ -657,6 +693,10 @@ li.active .ic_gps {
|
|||
background-image: url(images/icons/cf_icon_led_grey.svg);
|
||||
}
|
||||
|
||||
.ic_led:hover {
|
||||
background-image: url(images/icons/cf_icon_led_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_led {
|
||||
background-image: url(images/icons/cf_icon_led_white.svg);
|
||||
}
|
||||
|
|
@ -665,6 +705,10 @@ li.active .ic_led {
|
|||
background-image: url(images/icons/cf_icon_sensors_grey.svg);
|
||||
}
|
||||
|
||||
.ic_sensors:hover {
|
||||
background-image: url(images/icons/cf_icon_sensors_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_sensors {
|
||||
background-image: url(images/icons/cf_icon_sensors_white.svg);
|
||||
}
|
||||
|
|
@ -673,6 +717,10 @@ li.active .ic_sensors {
|
|||
background-image: url(images/icons/cf_icon_log_grey.svg);
|
||||
}
|
||||
|
||||
.ic_log:hover {
|
||||
background-image: url(images/icons/cf_icon_log_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_log {
|
||||
background-image: url(images/icons/cf_icon_log_white.svg);
|
||||
}
|
||||
|
|
@ -681,6 +729,10 @@ li.active .ic_log {
|
|||
background-image: url(images/icons/cf_icon_data_grey.svg);
|
||||
}
|
||||
|
||||
.ic_data:hover {
|
||||
background-image: url(images/icons/cf_icon_data_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_data {
|
||||
background-image: url(images/icons/cf_icon_data_white.svg);
|
||||
}
|
||||
|
|
@ -689,6 +741,10 @@ li.active .ic_data {
|
|||
background-image: url(images/icons/cf_icon_cli_grey.svg);
|
||||
}
|
||||
|
||||
.ic_cli:hover {
|
||||
background-image: url(images/icons/cf_icon_cli_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_cli {
|
||||
background-image: url(images/icons/cf_icon_cli_white.svg);
|
||||
}
|
||||
|
|
@ -697,6 +753,10 @@ li.active .ic_cli {
|
|||
background-image: url(images/icons/cf_icon_motor_grey.svg);
|
||||
}
|
||||
|
||||
.ic_motor:hover {
|
||||
background-image: url(images/icons/cf_icon_motor_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_motor {
|
||||
background-image: url(images/icons/cf_icon_motor_white.svg);
|
||||
}
|
||||
|
|
@ -705,6 +765,10 @@ li.active .ic_motor {
|
|||
background-image: url(images/icons/cf_icon_welcome_grey.svg);
|
||||
}
|
||||
|
||||
.ic_welcome:hover {
|
||||
background-image: url(images/icons/cf_icon_welcome_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_welcome {
|
||||
background-image: url(images/icons/cf_icon_welcome_white.svg);
|
||||
}
|
||||
|
|
@ -713,6 +777,10 @@ li.active .ic_welcome {
|
|||
background-image: url(images/icons/cf_icon_help_grey.svg);
|
||||
}
|
||||
|
||||
.ic_help:hover {
|
||||
background-image: url(images/icons/cf_icon_help_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_help {
|
||||
background-image: url(images/icons/cf_icon_help_white.svg);
|
||||
}
|
||||
|
|
@ -721,6 +789,10 @@ li.active .ic_help {
|
|||
background-image: url(images/icons/cf_icon_flasher_grey.svg);
|
||||
}
|
||||
|
||||
.ic_flasher:hover {
|
||||
background-image: url(images/icons/cf_icon_flasher_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_flasher {
|
||||
background-image: url(images/icons/cf_icon_flasher_white.svg);
|
||||
}
|
||||
|
|
@ -730,12 +802,19 @@ li.active .ic_flasher {
|
|||
background-image: url(images/icons/cf_icon_failsafe_grey.svg);
|
||||
}
|
||||
|
||||
.ic_failsafe:hover {
|
||||
background-image: url(images/icons/cf_icon_failsafe_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_failsafe {
|
||||
background-image: url(images/icons/cf_icon_failsafe_white.svg);
|
||||
}
|
||||
.ic_backup {
|
||||
background-image: url(images/icons/cf_icon_backup_grey.svg);
|
||||
}
|
||||
.ic_backup:hover {
|
||||
background-image: url(images/icons/cf_icon_backup_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_backup {
|
||||
background-image: url(images/icons/cf_icon_backup_white.svg);
|
||||
|
|
@ -744,6 +823,9 @@ li.active .ic_backup {
|
|||
.ic_wizzard {
|
||||
background-image: url(images/icons/cf_icon_wizard_grey.svg);
|
||||
}
|
||||
.ic_wizzard:hover {
|
||||
background-image: url(images/icons/cf_icon_wizard_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_wizard {
|
||||
background-image: url(images/icons/cf_icon_wizard_white.svg);
|
||||
|
|
@ -752,6 +834,9 @@ li.active .ic_wizard {
|
|||
.ic_advanced {
|
||||
background-image: url(images/icons/cf_icon_advanced_grey.svg);
|
||||
}
|
||||
.ic_advanced:hover {
|
||||
background-image: url(images/icons/cf_icon_advanced_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_advanced {
|
||||
background-image: url(images/icons/cf_icon_advanced_white.svg);
|
||||
|
|
@ -760,6 +845,9 @@ li.active .ic_advanced {
|
|||
.ic_mission {
|
||||
background-image: url(images/icons/cf_icon_mission_grey.svg);
|
||||
}
|
||||
.ic_mission:hover {
|
||||
background-image: url(images/icons/cf_icon_mission_white.svg);
|
||||
}
|
||||
|
||||
li.active .ic_mission {
|
||||
background-image: url(images/icons/cf_icon_mission_white.svg);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue