From 2cb4ba110199d02a19e6b52fda2b93f401085e3d Mon Sep 17 00:00:00 2001
From: Nicola Carminati <nicola.carminati@cms.it>
Date: Mon, 7 May 2018 09:23:25 +0200
Subject: [PATCH] Fix disabled-ui for input-boxes

---
 Step/wwwroot/assets/styles/base/card.less              | 10 +++++++++-
 Step/wwwroot/assets/styles/style.css                   |  9 +++++++++
 .../src/modules/base-components/cards/input-box.vue    |  2 +-
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/Step/wwwroot/assets/styles/base/card.less b/Step/wwwroot/assets/styles/base/card.less
index 88c3f900..ffaa1d66 100644
--- a/Step/wwwroot/assets/styles/base/card.less
+++ b/Step/wwwroot/assets/styles/base/card.less
@@ -168,11 +168,19 @@
           color: @color-greyish-brown;
           padding: 0 5px;
           box-sizing: border-box;
+          border: solid 1px #ccc;
 
           &[type=number]{
               text-align: right;
           }
-
+      }
+      input:read-only{
+        border: none;
+      }
+      select:disabled{
+        border: none;
+        -webkit-appearance: none;
+        -moz-appearance: none;
       }
   }
 }
diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css
index 1bbb4487..2bf7aa12 100644
--- a/Step/wwwroot/assets/styles/style.css
+++ b/Step/wwwroot/assets/styles/style.css
@@ -2799,11 +2799,20 @@ footer .container button.big:before {
   color: #4b4b4b;
   padding: 0 5px;
   box-sizing: border-box;
+  border: solid 1px #ccc;
 }
 .input-box .control input[type=number],
 .input-box .control select[type=number] {
   text-align: right;
 }
+.input-box .control input:read-only {
+  border: none;
+}
+.input-box .control select:disabled {
+  border: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
 .load-equipment {
   width: 495px;
   height: 64px;
diff --git a/Step/wwwroot/src/modules/base-components/cards/input-box.vue b/Step/wwwroot/src/modules/base-components/cards/input-box.vue
index d299cd8f..7cbf4240 100644
--- a/Step/wwwroot/src/modules/base-components/cards/input-box.vue
+++ b/Step/wwwroot/src/modules/base-components/cards/input-box.vue
@@ -5,7 +5,7 @@
           </div>
           <div class="control">
               <input v-if="type=='string'" v-model="bindingValue" :readonly="readOnly">
-              <select class="arrow" v-model="bindingValue" v-if="type=='select'" :readonly="readOnly">
+              <select class="arrow" v-model="bindingValue" v-if="type=='select'" :disabled="readOnly">
                 <slot></slot>
               </select>
               <input v-if="type=='int' || type=='double'" v-model.number="bindingValue" type="number" :readonly="readOnly">