summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE/client/app/styles/select2.less
blob: 80d1b369a13673ecda71bf7eaa81049eb5808e03 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
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;
}