Fix doubleclick highlight issues in numberpicker

Closes-Bug: #1271557

Change-Id: Id51c3c1e4d6a0999bdaefd523b4d52d46d0c497b

tuskar_ui/infrastructure/static/infrastructure/angular_templates/numberpicker.html

@@ -1,4 +1,4 @@
-<div class="number_picker">
+<div class="number_picker unselectable">
   <a ng-click="decrementValue()" class="btn btn-link" ng-class="{disabled: disabledInput || disableArrow()}"><i ng-hide="disabledInput" class="icon-chevron-left"></i></a>
   <input type="text" value="{$value$}" ng-model="value">
   <a ng-click="incrementValue()" class="btn btn-link" ng-class="{disabled: disabledInput}"><i ng-hide="disabledInput" class="icon-chevron-right"></i></a>

tuskar_ui/infrastructure/static/infrastructure/js/angular/horizon.number_picker.js

@@ -13,9 +13,6 @@ angular.module('horizonApp').directive('hrNumberPicker', function() {
         }
       });
 
-      // prevent text selection on doubleclick
-      element.disableSelection();
-
       scope.value = scope.initial_value;
       scope.disabledInput = (angular.isDefined(attrs.readonly)) ? true : false;
 

tuskar_ui/infrastructure/static/infrastructure/less/infrastructure.less

@@ -435,6 +435,16 @@ svg {
 }
 
 // others
+
+// disable text select on element
+.unselectable {
+  user-select: none;
+  -o-user-select:none;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+}
+
 .btn,
 input {
   border-radius: 2px;