ecomp-portal-FE/client/app/directives/multiple-select/multiple-select.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  .multiple-select{
  21   position: relative;
  22   width: 100%;
  23
  24   .selectBox{
  25     cursor: pointer;
  26     position: relative;
  27     border: 1px solid @o;
  28     white-space: nowrap;
  29     overflow: hidden;
  30     text-overflow: ellipsis;
  31     line-height: 30px;
  32     height: 30px;
  33     padding-left: 10px;
  34     padding-right: 10px;
  35
  36     &.open::after{
  37       content: '';
  38       .arrow_up;
  39       display: block;
  40       position: absolute;
  41       top: 12px;
  42       right: 4px;
  43     }
  44     &.closed::after{
  45       content: '';
  46       .arrow_down;
  47       display: block;
  48       position: absolute;
  49       top: 12px;
  50       right: 4px;
  51     }
  52     &.disabled{
  53       cursor: default;
  54       background: #CCCCCC;
  55     }
  56
  57   }
  58
  59   .checkboxes{
  60     z-index: 99999;
  61     padding-left: 8px;
  62     padding-right: 8px;
  63     position: absolute;
  64     top: 30px;
  65     width: 100%;
  66     background: white;
  67
  68     display: block;
  69     border: 1px #dadada solid;
  70
  71     label{
  72       cursor: pointer;
  73       display: block;
  74     }
  75     input{
  76       cursor: pointer;
  77     }
  78
  79
  80   }
  81 }