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