Fix the inline edit configuration for the policies in app inspector
authorThomas Bouron <thomas.bouron@cloudsoftcorp.com>
Fri, 1 Feb 2019 14:47:10 +0000 (14:47 +0000)
committerThomas Bouron <thomas.bouron@cloudsoftcorp.com>
Fri, 1 Feb 2019 14:47:10 +0000 (14:47 +0000)
ui-modules/app-inspector/app/components/entity-policy/entity-policy.less
ui-modules/app-inspector/app/components/entity-policy/entity-policy.template.html

index 49b65bd..3506117 100644 (file)
@@ -103,50 +103,51 @@ entity-policy {
   padding-top: 20px;
 }
 
-
 /* Editable text */
-
-
 .table-editable {
-  td.editable-click {
-    color: black;
-    &:hover {
-      border: none;
-    }
+  .editable {
+    color: #000000;
+    border: none;
   }
-  td.editable:not(.edit-disabled) {
-    cursor: pointer;
-    color: black;
 
-    &:hover {
-      border: none;
-      background: fade(@primary-500, 10%);
-      &:before {
-        opacity: 1.0;
+  .editable-column {
+    padding: 0;
+
+    .editable:not(.edit-disabled):after {
+      font-family: "myriad-pro-1", Helvetica, Arial, sans-serif, FontAwesome;
+      content: '\f040 Edit';
+      opacity: 0.2;
+      color: @primary-500;
+    }
+    .editable {
+      display: flex;
+      justify-content: space-between;
+      width: 100%;
+      padding: 8px;
+
+      &:hover {
+        border: none;
+        background: fade(@primary-500, 10%);
+        &:after {
+          opacity: 1.0;
+        }
       }
     }
-  }
-  td.editable:not(.edit-disabled):before {
-    font-family: "myriad-pro-1", Helvetica, Arial, sans-serif, FontAwesome;
-    content: '\f040 Edit';
-    float: right;
-    opacity: 0.2;
-    color: @primary-500;
-  }
 
-  .editable-wrap {
-    width: 100%;
-    .editable-controls {
-      display: flex;
-      flex-direction: row;
+    .editable-wrap {
+      width: 100%;
+      .editable-controls {
+        display: flex;
+        flex-direction: row;
 
-      input {
-        flex-grow: 2;
-      }
+        input {
+          flex-grow: 2;
+        }
 
-      .editable-buttons {
-        flex-grow: 0;
-        flex-shrink: 0;
+        .editable-buttons {
+          flex-grow: 0;
+          flex-shrink: 0;
+        }
       }
     }
   }
index e5cab31..2f2be4c 100644 (file)
                 </tr>
             </thead>
             <tbody>
-                <tr ng-repeat="item in info | orderBy:'name':reverse | filter:{name: searchCriteria} track by item.name" ng-switch="item.type">
+                <tr ng-repeat="item in info | orderBy:'name':reverse | filter:{name: searchCriteria} track by item.name">
                     <td>
                         {{item.name}}
                     </td>
-                    <td ng-switch-when="java.lang.Number" editable-number="item.value" edit-disabled="!item.reconfigurable" onbeforesave="updateAdjunctConfig(item, $data)" buttons="right" e-disabled-submit-on-enter>
-                        {{item.value}}
-                    </td>
-                    <td ng-switch-when="java.lang.Integer" ng-class="{'edit-disabled': !item.reconfigurable}" editable-number="item.value" edit-disabled="!item.reconfigurable" onbeforesave="updateAdjunctConfig(item, $data)" buttons="right" e-disabled-submit-on-enter>
-                        {{item.value}}
-                    </td>
-                    <td ng-switch-default ng-class="{'edit-disabled': !item.reconfigurable}" editable-text="item.value" edit-disabled="!item.reconfigurable" onbeforesave="updateAdjunctConfig(item, $data)" buttons="right" e-disabled-submit-on-enter>
-                        {{item.value}}
+                    <td ng-switch="item.type" ng-class="{'editable-column': item.reconfigurable}">
+                        <div ng-switch-when="java.lang.Number" editable-number="item.value" edit-disabled="!item.reconfigurable" onbeforesave="updateAdjunctConfig(item, $data)" buttons="right" e-disabled-submit-on-enter>
+                            <span>{{item.value}}</span>
+                        </div>
+                        <div ng-switch-when="java.lang.Integer" ng-class="{'edit-disabled': !item.reconfigurable}" editable-number="item.value" edit-disabled="!item.reconfigurable" onbeforesave="updateAdjunctConfig(item, $data)" buttons="right" e-disabled-submit-on-enter>
+                            <span>{{item.value}}</span>
+                        </div>
+                        <div ng-switch-default ng-class="{'edit-disabled': !item.reconfigurable}" editable-text="item.value" edit-disabled="!item.reconfigurable" onbeforesave="updateAdjunctConfig(item, $data)" buttons="right" e-disabled-submit-on-enter>
+                            <span>{{item.value}}</span>
+                        </div>
                     </td>
                 </tr>
                 <tr ng-if="item.length == 0 ">