Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-FE / client / app / views / functionalMenu / functionalMenu-dialog / modal-details.modal.less

diff --git a/ecomp-portal-FE/client/app/views/functionalMenu/functionalMenu-dialog/modal-details.modal.less b/ecomp-portal-FE/client/app/views/functionalMenu/functionalMenu-dialog/modal-details.modal.less
new file mode 100644 (file)
index 0000000..c322f45
--- /dev/null
+++ b/ecomp-portal-FE/client/app/views/functionalMenu/functionalMenu-dialog/modal-details.modal.less
@@ -0,0 +1,103 @@
+/*-
+ * ================================================================================
+ * eCOMP Portal
+ * ================================================================================
+ * Copyright (C) 2017 AT&T Intellectual Property
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ================================================================================
+ */
+ .functionalMenu-details-modal {
+  height: 430px;
+
+  .title {
+    .n18r;
+    border-bottom: @a 3px solid;
+
+  }
+
+  .btn-medium{
+    width:216px;
+  }
+  .dropdown-menu-medium{
+    width:236px;
+    max-height: 200px;
+    overflow-y: auto;
+  }
+
+  .functionalMenu-properties-main {
+    padding: 16px;
+    height: 306px;
+    overflow-y: visible;
+
+    .item{
+      position: relative;
+      margin-bottom: 18px;
+
+      .input-field{
+        .custom-input-field;
+        width: 100%;
+        &.url{
+          width: 78%;
+          display: inline-block;
+        }
+      }
+
+      .select-field {
+        .custom-select-field;
+      }
+
+      .item-label{
+        .o14r;
+      }
+
+      .right-item{
+        position: relative;
+        display: inline-block;
+        width: 48%;
+        float: right;
+      }
+      .left-item{
+        display: inline-block;
+        width: 48%;
+      }
+
+      .url-validation-button{
+        .btn-blue;
+        width: 20%;
+        display: inline-block;
+        float: right;
+      }
+
+      .error-container{
+        position: absolute;
+        width: 220px;
+        display: block;
+        height: 12px;
+        line-height: 12px;
+
+        .err-message{
+          color: red;
+          font-size: 9px;
+        }
+        .valid-message{
+          color: green;
+          font-size: 9px;
+        }
+      }
+
+    }
+
+  }
+
+}