[PORTAL-7] Rebase

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

diff --git a/ecomp-portal-FE-common/client/app/styles/select2.less b/ecomp-portal-FE-common/client/app/styles/select2.less
new file mode 100644 (file)
index 0000000..835b336
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/styles/select2.less
@@ -0,0 +1,230 @@
+.select2-drop {
+    //position: absolute;
+    border-radius: 0 0 2px 2px;
+
+    outline: none;
+}
+
+.select2-container {
+    margin-right: 8px;
+
+
+    .select2-choice {
+        border-color: @portalLGray;
+        border-radius: 2px;
+        background-image: none;
+        height: 32px;
+        width: 100%;
+    }
+
+    &.select2-dropdown-open {
+        .select2-choice {
+            border-color: @portalBlue;
+        }
+        .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: 12px;
+        right: 10px;
+        content: '';
+    }
+    .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: @funcBkgGray;
+        }
+    }
+
+    .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: @portalWhite;
+    }
+}
+
+.select2-dropdown-open {
+    .select2-choice {
+        border-color: @portalLGray;
+
+        .select2-arrow b:after {
+
+        }
+    }
+}
+
+.select2-drop-active {
+    border-color: @portalBlue;
+}
+//.select2-container {
+//    margin: 0;
+//    position: relative;
+//    display: block;
+//    .a14r;
+//
+//    &.ng-invalid.ng-touched {
+//        .select2-choice {
+//            border: 1px solid @err;
+//        }
+//    }
+//
+//    &.select2-container-active.ng-invalid.ng-touched {
+//        .select2-choice {
+//            border: 1px solid @c;
+//        }
+//    }
+//
+//    .select2-choice {
+//        display: block;
+//        padding: 10px 0 6px 8px;
+//        overflow: hidden;
+//        position: relative;
+//        border: 1px solid @o;
+//        text-decoration: none;
+//        cursor: pointer;
+//
+//        & > .select2-chosen {
+//            margin-right: 33px;
+//            display: block;
+//            overflow: hidden;
+//            white-space: nowrap;
+//            text-overflow: ellipsis;
+//        }
+//
+//        .select2-arrow {
+//            display: inline-block;
+//            width: 33px;
+//            height: 100%;
+//            position: absolute;
+//            right: 0;
+//            top: 0;
+//            //border-left: 1px solid @s;;
+//            //border-radius: 0 4px 4px 0;
+//            display: flex;
+//            align-items: center;
+//            justify-content: center;
+//
+//            b {
+//                display: block;
+//                //.spr_dropdown_arrow; //fix this
+//            }
+//        }
+//    }
+//
+//    .select2-drop-active {
+//        border: 1px solid @c;
+//        border-top: none;
+//        position: absolute;
+//        top: 32px;
+//        left: 0;
+//        width: 100%;
+//        .bg_f;
+//        z-index: 100;
+//    }
+//
+//    .select2-search {
+//        display: inline-block;
+//        width: 100%;
+//        min-height: 30px;
+//        margin: 0;
+//        padding-left: 4px;
+//        padding-right: 4px;
+//        position: relative;
+//        z-index: 10000;
+//        white-space: nowrap;
+//
+//        input {
+//            width: 100%;
+//            height: auto !important;
+//            min-height: 26px;
+//            padding: 4px 20px 4px 5px;
+//            margin: 0;
+//            outline: 0;
+//            border: 1px solid @o;
+//            &:focus {
+//                border: 1px solid @o;
+//            }
+//            border-radius: 2px;
+//            box-shadow: none;
+//        }
+//    }
+//
+//}
+/////
+//
+//.select2-container-active .select2-choice,
+//.select2-container-active .select2-choices {
+//    border: 1px solid @c;
+//    outline: none;
+//    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+//}
+//
+//.select2-dropdown-open {
+//    .select2-choice {
+//        border-bottom-color: transparent;
+//        box-shadow: 0 1px 0 #fff inset;
+//        border-bottom-left-radius: 0;
+//        border-bottom-right-radius: 0;
+//
+//        .select2-arrow {
+//            background: transparent;
+//            border-left: none;
+//            filter: none;
+//        }
+//    }
+//    .select2-results {
+//        max-height: 200px;
+//        padding: 0 0 0 4px;
+//        margin: 4px 4px 4px 0;
+//        position: relative;
+//        overflow-x: hidden;
+//        overflow-y: auto;
+//        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+//
+//        li.select2-result-with-children > .select2-result-label {
+//            font-weight: bold;
+//        }
+//
+//        .select2-result-label {
+//            padding: 3px 7px 4px;
+//            margin: 0;
+//            cursor: pointer;
+//        }
+//
+//        .select2-highlighted {
+//            background: @c;
+//            color: @f;
+//        }
+//    }
+//}
+//.select2-display-none {
+//    display: none;
+//}