Tidy up spinner css

knolleary · knolleary · commit 86ffc8009824 · 2016-02-14T11:52:33.000Z
diff --git a/editor/sass/jquery.scss b/editor/sass/jquery.scss
@@ -1,5 +1,5 @@
 /**
- * Copyright 2015 IBM Corp.
+ * Copyright 2015, 2016 IBM Corp.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -76,3 +76,23 @@
 .ui-dialog .ui-dialog-buttonpane {
     padding: .3em 1em .5em 1em;
 }
+
+.ui-spinner {
+    border-radius: 4px;
+    padding: 0;
+    border: 1px solid $form-input-border-color;
+}
+.ui-spinner input {
+    margin: 0 17px 0 0;
+    padding: 6px;
+    border: none;
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    &:focus {
+        outline: none;
+    }
+}
diff --git a/nodes/core/core/20-inject.html b/nodes/core/core/20-inject.html
@@ -142,13 +142,7 @@
     .inject-time-times {
         width: 90px;
     }
-    .inject-time-row > .ui-spinner {
-        height: 28px;
-        margin: 3px 0;
-        border-color: rgb(204, 204, 204);
-    }
     #inject-time-time {
-        margin-top: 3px;
         width: 75px;
     }
     .inject-time-count {
diff --git a/nodes/core/core/80-function.html b/nodes/core/core/80-function.html
@@ -1,5 +1,5 @@
 <!--
-  Copyright 2013, 2015 IBM Corp.
+  Copyright 2013, 2016 IBM Corp.
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -29,7 +29,7 @@
     </div>
     <div class="form-row">
         <label for="node-input-outputs"><i class="fa fa-random"></i> <span data-i18n="function.label.outputs"></span></label>
-        <input id="node-input-outputs" style="width: 60px; height: 1.7em;" value="1">
+        <input id="node-input-outputs" style="width: 60px;" value="1">
     </div>
     <div class="form-tips"><span data-i18n="function.tip"></span></div>
 </script>
diff --git a/nodes/core/core/90-comment.html b/nodes/core/core/90-comment.html
@@ -1,5 +1,5 @@
 <!--
-  Copyright 2013, 2015 IBM Corp.
+  Copyright 2013, 2016 IBM Corp.
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -55,9 +55,6 @@
         },
         oneditprepare: function() {
             var that = this;
-            $( "#node-input-outputs" ).spinner({
-                min:1
-            });
             this.editor = RED.editor.createEditor({
                 id: 'node-input-info-editor',
                 mode: 'ace/mode/markdown',

Original file line number	Diff line number	Diff line change
`@@ -142,13 +142,7 @@`
`142`	`142`	`.inject-time-times {`
`143`	`143`	`width: 90px;`
`144`	`144`	`}`
`145`		`- .inject-time-row > .ui-spinner {`
`146`		`- height: 28px;`
`147`		`- margin: 3px 0;`
`148`		`- border-color: rgb(204, 204, 204);`
`149`		`- }`
`150`	`145`	`#inject-time-time {`
`151`		`- margin-top: 3px;`
`152`	`146`	`width: 75px;`
`153`	`147`	`}`
`154`	`148`	`.inject-time-count {`