ecomp-portal-FE/client/app/views/users/new-user-dialogs/new-user.modal.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  .new-user-modal {
  21   display:block;
  22   overflow:auto;
  23   min-height: 450px;
  24
  25   .user-apps-roles{
  26     .title{
  27       .n18r;
  28       border-bottom: @a 3px solid;
  29     }
  30
  31     .app-roles-list{
  32       height: 286px;
  33       overflow-y: auto;
  34
  35       .app-item{
  36         border: 1px solid #d8d8d8;
  37         border-radius: 2px;
  38         background-color: #f8f8f8;
  39
  40         padding: 10px;
  41         margin-top: 8px;
  42
  43         .app-item-left{
  44           padding-top: 0;
  45           line-height: 30px;
  46           height: 30px;
  47           vertical-align: middle;
  48           display:inline-block;
  49           width: 45%;
  50           border-radius: 2px;
  51           border: 1px solid #d8d8d8;
  52           margin-right: 10px;
  53           padding-left: 4px;
  54           background: #fff;
  55           white-space: nowrap;
  56
  57         }
  58         .app-item-right{
  59           display:inline-block;
  60           width: 45%;
  61           border-radius: 2px;
  62           border: 1px solid #d8d8d8;
  63           background: #fff;
  64           vertical-align: middle;
  65         }
  66
  67         .app-item-right-error{
  68           .k;
  69           padding: 7px 7px 7px 7px;
  70           display:inline-block;
  71           width: 45%;
  72           border-radius: 2px;
  73           border: 1px solid #d8d8d8;
  74           background: #fff;
  75           vertical-align: middle;
  76         }
  77
  78         .app-item-right-contacting{
  79           .e;
  80           padding: 7px 7px 7px 7px;
  81           display:inline-block;
  82           width: 45%;
  83           border-radius: 2px;
  84           border: 1px solid #d8d8d8;
  85           background: #fff;
  86           vertical-align: middle;
  87         }
  88
  89         .app-select-left{
  90           width: 45%;
  91           margin-right: 10px;
  92           vertical-align: middle;
  93
  94
  95           .select-field{
  96             padding-top: 0;
  97             line-height: 30px;
  98             height: 30px;
  99             vertical-align: middle;
 100             border-radius: 2px;
 101             border: 1px solid #d8d8d8;
 102             margin-right: 10px;
 103             padding-left: 4px;
 104             background: #fff;
 105             display:inline-block;
 106           }
 107         }
 108
 109
 110         .app-item-delete{
 111           .ico_trash_default;
 112           display: inline-block;
 113           vertical-align: 2px;
 114           cursor: pointer;
 115           position: relative;
 116           top: 6px;
 117           color: transparent;
 118           margin-left: 8px;
 119
 120         }
 121
 122       }
 123     }
 124
 125   }
 126 }