ecomp-portal-FE-common/client/app/directives/multiple-select/multiple-select.less

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37  */
  38  .multiple-select{
  39   position: relative;
  40   width: 100%;
  41
  42   .selectBox{
  43     cursor: pointer;
  44     position: relative;
  45     border: 1px solid @portalDGray;
  46     white-space: nowrap;
  47     overflow: hidden;
  48     text-overflow: ellipsis;
  49     line-height: 30px;
  50     height: 30px;
  51     padding-left: 10px;
  52     padding-right: 10px;
  53
  54     &.open::after{
  55       content: '';
  56       .arrow_up;
  57       display: block;
  58       position: absolute;
  59       top: 12px;
  60       right: 4px;
  61     }
  62     &.closed::after{
  63       content: '';
  64       .arrow_down;
  65       display: block;
  66       position: absolute;
  67       top: 12px;
  68       right: 4px;
  69     }
  70     &.disabled{
  71       cursor: default;
  72       background: @portalLGray;
  73     }
  74
  75   }
  76
  77   .checkboxes{
  78     z-index: 99999;
  79     padding-left: 8px;
  80     padding-right: 8px;
  81     position: absolute;
  82     top: 30px;
  83     width: 100%;
  84     background: @portalWhite;
  85
  86     display: block;
  87     border: 1px @portalLGray solid;
  88
  89     label{
  90       cursor: pointer;
  91       display: block;
  92     }
  93     input{
  94       cursor: pointer;
  95     }
  96
  97
  98   }
  99   .checkbox .skin{
 100         left: 0;
 101     top: 0;
 102   }
 103
 104   .checkbox .checkBoxText{
 105         width: 87%;
 106   }
 107 }