disabling custom spinner emulation

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;

main.js

@@ -164,6 +164,7 @@ function array_difference(firstArray, secondArray) {
     return cloneArray;
 }
 
+/*
 function add_custom_spinners() {
     var spinner_element = '<div class="spinner"><div class="up"></div><div class="down"></div></div>';
     
@@ -269,4 +270,5 @@ function add_custom_spinners() {
             };
         }
     });
-}
+}
+*/

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;

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

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;
     

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

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

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));

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;

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