ecomp-portal-FE-os/client/src/directives/search-users/search-users.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  .search-users-directive{
  39   .title {
  40     //.n18r;
  41     .dGray18r;
  42     border-bottom: @blue-active 3px solid;
  43
  44   }
  45
  46   .user:focus {
  47             outline: -webkit-focus-ring-color auto 5px;
  48             background-color:white !important;
  49         }
  50   .add-user-section{
  51       margin-top:0px;
  52       margin-left:10px;
  53   }
  54
  55   .input-text-new-user {
  56           font-style: italic;
  57           padding: 7px 10px;
  58           width: 200px !important;
  59           display: inline-block;
  60           position: relative;
  61           margin-bottom: 10px;
  62           border-radius: 6px;
  63           border: 1px solid #d8d8d8;
  64           height: 32px;
  65           border-color: slategrey !important;
  66   }
  67
  68   .input-new-user-div{
  69         display:inline-block;
  70     width: 240px;
  71         margin-left:10px;
  72   }
  73
  74   .add-user-button {
  75           cursor: pointer;
  76           float:right;
  77           width: 120px;
  78
  79           margin-left : 5px;
  80
  81           .btn-blue;
  82
  83           line-height: 32px;
  84           height: 29px;
  85     text-align: center;
  86     vertical-align: middle;
  87     line-height: 28px;
  88
  89           &::before {
  90             .ico_add_user;
  91             content: '\f211';
  92             font-family: "Ionicons";
  93             vertical-align: middle;
  94             display: inline-block;
  95             margin-right: 8px;
  96       line-height: 16px;
  97           }
  98   }
  99
 100   .main {
 101     margin: 16px;
 102     .search-instructions {
 103       .dGray14r;
 104       margin-bottom: 8px;
 105     }
 106     .search {
 107       .input-field {
 108         display: inline-block;
 109         width: 250px;
 110         height: 30px;
 111       }
 112       .search-button {
 113         .btn-blue;
 114         width: 90px;
 115         display: inline-block;
 116         float: right;
 117       }
 118     }
 119
 120     .search-results {
 121       margin-top: 10px;
 122       .results-title {
 123         .dGray14r;
 124         margin-bottom: 8px;
 125       }
 126
 127       .results-container {
 128         height: 170px;
 129         overflow-y: auto;
 130         .user {
 131           padding-left: 10px;
 132           padding-top: 6px;
 133           height: 48px;
 134
 135           border-top: 1px solid @portalGray;
 136           border-right: 1px solid @portalGray;
 137           border-left: 1px solid @portalGray;
 138
 139           &:last-child {
 140             border-bottom: 1px solid @portalGray;
 141           }
 142
 143           cursor: pointer;
 144           &:hover {
 145             background-color: @funcBkgGray;
 146           }
 147
 148           &.selected {
 149             background-color: @funcBkgGray;
 150           }
 151
 152           .main-name {
 153             .dGray14r;
 154
 155           }
 156           .sub-job-title {
 157             .gray13r;
 158
 159           }
 160         }
 161
 162       }
 163
 164     }
 165     .error-text {
 166       margin-top: 25px;
 167       font-weight: 400;
 168       font-size: 16px;
 169       text-align: left;
 170       color: @err;
 171     }
 172
 173     .no-user-found {
 174       margin-top: 16px;
 175       .dGray14r;
 176     }
 177     .add-new-user-btn{
 178         margin-top:10px;
 179     }
 180   }
 181 }