Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-FE / client / app / styles / select2.less

diff --git a/ecomp-portal-FE/client/app/styles/select2.less b/ecomp-portal-FE/client/app/styles/select2.less
new file mode 100644 (file)
index 0000000..80d1b36
--- /dev/null
+++ b/ecomp-portal-FE/client/app/styles/select2.less
@@ -0,0 +1,102 @@
+/*-
+ * ================================================================================
+ * 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.
+ * ================================================================================
+ */
+ .select2-drop {
+    border-radius: 0 0 2px 2px;
+    outline: none;
+}
+
+.select2-container {
+    margin-right: 8px;
+
+    .select2-choice {
+        border-color: #d8d8d8;
+        border-radius: 2px;
+        background-image: none;
+        height: 32px;
+        width: 100%;
+    }
+
+    &.select2-dropdown-open {
+        .select2-choice {
+            border-color: @a;
+        }
+        .select2-choice .select2-arrow b:after,
+        &.select2-container-disabled .select2-choice .select2-arrow b:after,
+        .select2-choice .select2-arrow b:after {
+            .arrow_up;
+        }
+    }
+
+    .select2-choice .select2-arrow b:after,
+    &.select2-container-disabled .select2-choice .select2-arrow b:after,
+    .select2-choice .select2-arrow b:after {
+        .arrow_down;
+        height: 10px;
+        width: 10px;
+        top: -2px;
+        right: 10px;
+      
+    }
+    .select2-chosen, .select2-container input {
+        line-height: 32px;
+    }
+}
+
+.select2-results {
+    border-radius: 0 0 2px 2px;
+    margin: -13px 0 0 0;
+    .select2-result {
+        &:first-child {
+            margin-top: 14px;
+        }
+        &:hover {
+            background-color: @t;
+        }
+    }
+
+    .select2-result-label {
+        outline: none;
+    }
+}
+
+.select2-drop-above {
+    &.select2-drop {
+        border-radius: 2px 2px 0 0;
+    }
+
+    &.select2-dropdown-open .select2-choice {
+        border-radius: 0 0 2px 2px !important;
+        background: #fff;
+    }
+}
+
+.select2-dropdown-open {
+    .select2-choice {
+        border-color: @q;
+
+        .select2-arrow b:after {
+
+        }
+    }
+}
+
+.select2-drop-active {
+    border-color: @a;
+}
\ No newline at end of file