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')) {