diff --git a/css/style.css b/css/style.css index 46801b0c3c..21fbe7fa32 100644 --- a/css/style.css +++ b/css/style.css @@ -21,6 +21,16 @@ a:hover { } input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; + + display: block; + opacity: 1; /* required for chromium 33+ beta */ + + width: 15px; + + background-image: url('../images/arrows.png'); + background-repeat: no-repeat; + + border-left: 1px solid silver; } .clear-both { clear: both; diff --git a/main.js b/main.js index ae41f8f672..cbf19f98c1 100644 --- a/main.js +++ b/main.js @@ -164,6 +164,7 @@ function array_difference(firstArray, secondArray) { return cloneArray; } +/* function add_custom_spinners() { var spinner_element = '
'; @@ -269,4 +270,5 @@ function add_custom_spinners() { }; } }); -} \ No newline at end of file +} +*/ \ No newline at end of file diff --git a/tabs/initial_setup.css b/tabs/initial_setup.css index 15f2383d9f..7ed1fe4085 100644 --- a/tabs/initial_setup.css +++ b/tabs/initial_setup.css @@ -1,22 +1,5 @@ .tab-initial_setup { } - .tab-initial_setup .spinner { - float: right; - width: 15px; - height: 20px; - - background-image: url('../images/arrows.png'); - background-repeat: no-repeat; - - border: 1px solid silver; - border-left: 0; - } - .tab-initial_setup .spinner .up { - height: 10px; - } - .tab-initial_setup .spinner .down { - height: 10px; - } .tab-initial_setup .section { clear: both; padding-bottom: 8px; diff --git a/tabs/initial_setup.js b/tabs/initial_setup.js index c25916eb45..7d20d75a3d 100644 --- a/tabs/initial_setup.js +++ b/tabs/initial_setup.js @@ -2,9 +2,6 @@ function tab_initialize_initial_setup() { ga_tracker.sendAppView('Initial Setup'); GUI.active_tab = 'initial_setup'; - // enable custom spinners - add_custom_spinners(); - send_message(MSP_codes.MSP_IDENT, MSP_codes.MSP_IDENT, false, function() { send_message(MSP_codes.MSP_ACC_TRIM, MSP_codes.MSP_ACC_TRIM, false, function() { send_message(MSP_codes.MSP_MISC, MSP_codes.MSP_MISC, false, function() { diff --git a/tabs/pid_tuning.css b/tabs/pid_tuning.css index 0142c9f433..29bedae55f 100644 --- a/tabs/pid_tuning.css +++ b/tabs/pid_tuning.css @@ -1,21 +1,8 @@ .tab-pid_tuning { } - .tab-pid_tuning .spinner { - float: right; - width: 16px; - height: 20px; - - background-image: url('../images/arrows.png'); - background-repeat: no-repeat; - - background-color: white; + .tab-pid_tuning input[type="number"]::-webkit-inner-spin-button { + border: 0; } - .tab-pid_tuning .spinner .up { - height: 10px; - } - .tab-pid_tuning .spinner .down { - height: 10px; - } .tab-pid_tuning table { float: left; diff --git a/tabs/pid_tuning.js b/tabs/pid_tuning.js index e6bc751026..412656836d 100644 --- a/tabs/pid_tuning.js +++ b/tabs/pid_tuning.js @@ -1,10 +1,7 @@ function tab_initialize_pid_tuning() { ga_tracker.sendAppView('PID Tuning'); GUI.active_tab = 'pid_tuning'; - - // enable custom spinners - add_custom_spinners(); - + send_message(MSP_codes.MSP_PID, MSP_codes.MSP_PID, false, function() { send_message(MSP_codes.MSP_RC_TUNING, MSP_codes.MSP_RC_TUNING, false, function() { // Fill in the data from PIDs array diff --git a/tabs/receiver.css b/tabs/receiver.css index 82703cd55d..2b3805e2ce 100644 --- a/tabs/receiver.css +++ b/tabs/receiver.css @@ -1,19 +1,8 @@ .tab-receiver { } - .tab-receiver .spinner { - float: right; - width: 15px; - height: 20px; - - background-image: url('../images/arrows.png'); - background-repeat: no-repeat; + .tab-receiver input[type="number"]::-webkit-inner-spin-button { + border: 0; } - .tab-receiver .spinner .up { - height: 10px; - } - .tab-receiver .spinner .down { - height: 10px; - } .tab-receiver .bars { float: left; } diff --git a/tabs/receiver.js b/tabs/receiver.js index 337bb5a66e..97887138a8 100644 --- a/tabs/receiver.js +++ b/tabs/receiver.js @@ -2,9 +2,6 @@ function tab_initialize_receiver() { ga_tracker.sendAppView('Receiver Page'); GUI.active_tab = 'receiver'; - // enable custom spinners - add_custom_spinners(); - send_message(MSP_codes.MSP_RC_TUNING, MSP_codes.MSP_RC_TUNING, false, function() { // fill in data from RC_tuning $('.tunings .throttle input[name="mid"]').val(RC_tuning.throttle_MID.toFixed(2)); diff --git a/tabs/servos.css b/tabs/servos.css index 240d37c5db..68316bbf11 100644 --- a/tabs/servos.css +++ b/tabs/servos.css @@ -1,19 +1,8 @@ .tab-servos { } - .tab-servos .spinner { - float: right; - width: 15px; - height: 20px; - - background-image: url('../images/arrows.png'); - background-repeat: no-repeat; + .tab-servos input[type="number"]::-webkit-inner-spin-button { + border: 0; } - .tab-servos .spinner .up { - height: 10px; - } - .tab-servos .spinner .down { - height: 10px; - } .tab-servos .supported_wrapper, .tab-servos .direction_wrapper { display: none; @@ -60,6 +49,8 @@ width: 65px; height: 20px; + padding-right: 5px; + line-height: 20px; text-align: right; diff --git a/tabs/servos.js b/tabs/servos.js index f2b9fae004..30dddf6c49 100644 --- a/tabs/servos.js +++ b/tabs/servos.js @@ -88,6 +88,7 @@ function tab_initialize_servos() { process_servos('Front', 'F YAW', 5, true); process_servos('Rear', 'YAW', 6, true); break; + default: model.html('Doesn\'t support servos'); @@ -103,9 +104,6 @@ function tab_initialize_servos() { } } - // enable custom spinners - add_custom_spinners(); - // UI hooks for dynamically generated elements $('table.directions select, table.directions input, table.fields select, table.fields input').change(function() { if ($('div.live input').is(':checked')) {