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