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

/*-
 * ============LICENSE_START==========================================
 * ONAP Portal
 * ===================================================================
 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
 * ===================================================================
 *
 * Unless otherwise specified, all software contained herein is licensed
 * under the Apache License, Version 2.0 (the "License");
 * you may not use this software 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.
 *
 * Unless otherwise specified, all documentation contained herein is licensed
 * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
 * you may not use this documentation except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *             https://creativecommons.org/licenses/by/4.0/
 *
 * Unless required by applicable law or agreed to in writing, documentation
 * 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.
 *
 * ============LICENSE_END============================================
 *
 * 
 */
 .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;
//}