Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-FE / client / app / views / users / new-user-dialogs / new-user.modal.less

diff --git a/ecomp-portal-FE/client/app/views/users/new-user-dialogs/new-user.modal.less b/ecomp-portal-FE/client/app/views/users/new-user-dialogs/new-user.modal.less
new file mode 100644 (file)
index 0000000..9f86b02
--- /dev/null
+++ b/ecomp-portal-FE/client/app/views/users/new-user-dialogs/new-user.modal.less
@@ -0,0 +1,126 @@
+/*-
+ * ================================================================================
+ * 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.
+ * ================================================================================
+ */
+ .new-user-modal {
+  display:block;
+  overflow:auto;
+  min-height: 450px;
+
+  .user-apps-roles{
+    .title{
+      .n18r;
+      border-bottom: @a 3px solid;
+    }
+
+    .app-roles-list{
+      height: 286px;
+      overflow-y: auto;
+      
+      .app-item{
+        border: 1px solid #d8d8d8;
+        border-radius: 2px;
+        background-color: #f8f8f8;
+
+        padding: 10px;
+        margin-top: 8px;
+
+        .app-item-left{
+          padding-top: 0;
+          line-height: 30px;
+          height: 30px;
+          vertical-align: middle;
+          display:inline-block;
+          width: 45%;
+          border-radius: 2px;
+          border: 1px solid #d8d8d8;
+          margin-right: 10px;
+          padding-left: 4px;
+          background: #fff;
+          white-space: nowrap;
+
+        }
+        .app-item-right{
+          display:inline-block;
+          width: 45%;
+          border-radius: 2px;
+          border: 1px solid #d8d8d8;
+          background: #fff;
+          vertical-align: middle;
+        }
+
+        .app-item-right-error{
+          .k;
+          padding: 7px 7px 7px 7px;
+          display:inline-block;
+          width: 45%;
+          border-radius: 2px;
+          border: 1px solid #d8d8d8;
+          background: #fff;
+          vertical-align: middle;
+        }
+
+        .app-item-right-contacting{
+          .e;
+          padding: 7px 7px 7px 7px;
+          display:inline-block;
+          width: 45%;
+          border-radius: 2px;
+          border: 1px solid #d8d8d8;
+          background: #fff;
+          vertical-align: middle;
+        }
+
+        .app-select-left{
+          width: 45%;
+          margin-right: 10px;
+          vertical-align: middle;
+
+
+          .select-field{
+            padding-top: 0;
+            line-height: 30px;
+            height: 30px;
+            vertical-align: middle;
+            border-radius: 2px;
+            border: 1px solid #d8d8d8;
+            margin-right: 10px;
+            padding-left: 4px;
+            background: #fff;
+            display:inline-block;
+          }
+        }
+
+
+        .app-item-delete{
+          .ico_trash_default;
+          display: inline-block;
+          vertical-align: 2px;
+          cursor: pointer;
+          position: relative;
+          top: 6px;
+          color: transparent;
+          margin-left: 8px;
+
+        }
+
+      }
+    }
+
+  }
+}