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