Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-FE / client / app / directives / multiple-select / multiple-select.less

diff --git a/ecomp-portal-FE/client/app/directives/multiple-select/multiple-select.less b/ecomp-portal-FE/client/app/directives/multiple-select/multiple-select.less
new file mode 100644 (file)
index 0000000..6e54c8b
--- /dev/null
+++ b/ecomp-portal-FE/client/app/directives/multiple-select/multiple-select.less
@@ -0,0 +1,81 @@
+/*-
+ * ================================================================================
+ * 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.
+ * ================================================================================
+ */
+ .multiple-select{
+  position: relative;
+  width: 100%;
+
+  .selectBox{
+    cursor: pointer;
+    position: relative;
+    border: 1px solid @o;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: 30px;
+    height: 30px;
+    padding-left: 10px;
+    padding-right: 10px;
+
+    &.open::after{
+      content: '';
+      .arrow_up;
+      display: block;
+      position: absolute;
+      top: 12px;
+      right: 4px;
+    }
+    &.closed::after{
+      content: '';
+      .arrow_down;
+      display: block;
+      position: absolute;
+      top: 12px;
+      right: 4px;
+    }
+    &.disabled{
+      cursor: default;
+      background: #CCCCCC;
+    }
+
+  }
+
+  .checkboxes{
+    z-index: 99999;
+    padding-left: 8px;
+    padding-right: 8px;
+    position: absolute;
+    top: 30px;
+    width: 100%;
+    background: white;
+
+    display: block;
+    border: 1px #dadada solid;
+
+    label{
+      cursor: pointer;
+      display: block;
+    }
+    input{
+      cursor: pointer;
+    }
+
+
+  }
+}
\ No newline at end of file