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

   1 /*-
   2  * ================================================================================
   3  * eCOMP Portal
   4  * ================================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ================================================================================
  19  */
  20  .select2-drop {
  21     border-radius: 0 0 2px 2px;
  22     outline: none;
  23 }
  24
  25 .select2-container {
  26     margin-right: 8px;
  27
  28     .select2-choice {
  29         border-color: #d8d8d8;
  30         border-radius: 2px;
  31         background-image: none;
  32         height: 32px;
  33         width: 100%;
  34     }
  35
  36     &.select2-dropdown-open {
  37         .select2-choice {
  38             border-color: @a;
  39         }
  40         .select2-choice .select2-arrow b:after,
  41         &.select2-container-disabled .select2-choice .select2-arrow b:after,
  42         .select2-choice .select2-arrow b:after {
  43             .arrow_up;
  44         }
  45     }
  46
  47     .select2-choice .select2-arrow b:after,
  48     &.select2-container-disabled .select2-choice .select2-arrow b:after,
  49     .select2-choice .select2-arrow b:after {
  50         .arrow_down;
  51         height: 10px;
  52         width: 10px;
  53         top: -2px;
  54         right: 10px;
  55
  56     }
  57     .select2-chosen, .select2-container input {
  58         line-height: 32px;
  59     }
  60 }
  61
  62 .select2-results {
  63     border-radius: 0 0 2px 2px;
  64     margin: -13px 0 0 0;
  65     .select2-result {
  66         &:first-child {
  67             margin-top: 14px;
  68         }
  69         &:hover {
  70             background-color: @t;
  71         }
  72     }
  73
  74     .select2-result-label {
  75         outline: none;
  76     }
  77 }
  78
  79 .select2-drop-above {
  80     &.select2-drop {
  81         border-radius: 2px 2px 0 0;
  82     }
  83
  84     &.select2-dropdown-open .select2-choice {
  85         border-radius: 0 0 2px 2px !important;
  86         background: #fff;
  87     }
  88 }
  89
  90 .select2-dropdown-open {
  91     .select2-choice {
  92         border-color: @q;
  93
  94         .select2-arrow b:after {
  95
  96         }
  97     }
  98 }
  99
 100 .select2-drop-active {
 101     border-color: @a;
 102 }