ecomp-portal-FE-common/client/app/views/users/new-user-dialogs/new-user.modal.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  *
  37  */
  38 .new-user-modal {
  39   height: 430px;
  40
  41   .user-apps-roles{
  42     .title{
  43       //.n18r;
  44       .dGray18r;
  45       border-bottom: @portalDBlue 3px solid;
  46     }
  47
  48         input:not([type="button"]) {
  49     height: 13px;
  50         }
  51
  52     .app-roles-list{
  53       height: 286px;
  54       overflow-y: auto;
  55
  56       .app-item{
  57         border: 1px solid @portalLGray;
  58         border-radius: 2px;
  59         background-color: @funcBkgGray;
  60
  61         padding: 10px;
  62         margin-top: 8px;
  63         //margin-right: 6px;
  64         //margin-left: 6px;
  65
  66         .app-item-left{
  67           padding-top: 0;
  68           line-height: 30px;
  69           height: 30px;
  70           vertical-align: middle;
  71           display:inline-block;
  72           width: 45%;
  73           border-radius: 2px;
  74           border: 1px solid @portalLGray;
  75           margin-right: 10px;
  76           padding-left: 4px;
  77           background: @portalWhite;
  78           white-space: nowrap;
  79
  80         }
  81         .app-item-right{
  82           display:inline-block;
  83           width: 45%;
  84           border-radius: 2px;
  85           border: 1px solid @portalLGray;
  86           background: @portalWhite;
  87           vertical-align: middle;
  88         }
  89
  90         .app-select-left{
  91           width: 45%;
  92           margin-right: 10px;
  93           vertical-align: middle;
  94
  95
  96           .select-field{
  97             padding-top: 0;
  98             line-height: 30px;
  99             height: 30px;
 100             vertical-align: middle;
 101             border-radius: 2px;
 102             border: 1px solid @portalLGray;
 103             margin-right: 10px;
 104             padding-left: 4px;
 105             background: @portalWhite;
 106             display:inline-block;
 107           }
 108         }
 109
 110
 111         .app-item-delete{
 112           margin-right: -20px;
 113           float: right;
 114           margin-top: -22px;
 115         }
 116
 117       }
 118     }
 119
 120   }
 121 }
 122
 123         .icon-misc-trash {
 124                 font-size: 20px;
 125         }
 126
 127         .app-item-right-error{
 128           .portalRed;
 129           padding: 7px 7px 7px 7px;
 130           display:inline-block;
 131           width: 45%;
 132           border-radius: 2px;
 133           border: 1px solid @portalLGray;
 134           background: @portalWhite;
 135           vertical-align: middle;
 136     }
 137
 138      .app-item-right-contacting{
 139           .portalGreen;
 140           padding: 7px 7px 7px 7px;
 141           display:inline-block;
 142           width: 45%;
 143           border-radius: 2px;
 144           border: 1px solid @portalLGray;
 145           background: @portalWhite;
 146           vertical-align: middle;
 147     }