ecomp-portal-FE-common/client/app/views/widget-onboarding/widget-details-dialog/widget-details.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  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37  */
  38 .widget-details-modal {
  39   .title {
  40     //.n18r;
  41     .dGray18r;
  42    // border-bottom: @portalDBlue 3px solid;
  43   }
  44   .widget-input-field{
  45         width:250px;
  46   }
  47   .widget-properties-main {
  48     padding: 16px;
  49     height: 460px;
  50     overflow-y: auto;
  51
  52         .widget-property{
  53       position: relative;
  54       margin-bottom: 18px;
  55       .property-label{
  56         .dGray14r;
  57       }
  58       .checkbox-label{
  59         display: inline-block;
  60         padding-left: 3px;
  61       }
  62       .checkbox-field{
  63         padding: 0;
  64         margin: 0;
  65         vertical-align: middle;
  66         position: relative;
  67         top: -1px;
  68         height:15px;
  69       }
  70       .checkbox .skin {
  71                 left: 0px;
  72                 top: 0px;
  73           }
  74     }
  75         .widget-upload-field{
  76                 height:24px;
  77         border: 0px solid #d2d2d2;
  78                 box-shadow: 0px 0px 2px -2px rgba(0, 0, 0, 0.08) inset;
  79                 padding-left: 2px;
  80       }
  81     .item{
  82       position: relative;
  83       margin-bottom: 18px;
  84
  85       .input-field{
  86         .custom-input-field;
  87         width: 100%;
  88         &.url{
  89           width: 78%;
  90           display: inline-block;
  91         }
  92       }
  93
  94       .select-field {
  95         .custom-select-field;
  96       }
  97
  98       .item-label{
  99         .dGray14r;
 100       }
 101
 102       .right-item{
 103         position: relative;
 104         display: inline-block;
 105         width: 48%;
 106         float: right;
 107       }
 108       .left-item{
 109         display: inline-block;
 110         width: 48%;
 111       }
 112
 113       .url-validation-button{
 114         .btn-blue;
 115         width: 20%;
 116         display: inline-block;
 117         float: right;
 118       }
 119
 120       .error-container{
 121         position: absolute;
 122         width: 280px;
 123         display: block;
 124         height: 12px;
 125         line-height: 12px;
 126
 127         .err-message{
 128           color: @funcRed;
 129           font-size: 9px;
 130         }
 131         .valid-message{
 132           color: @funcGreen;
 133           font-size: 9px;
 134         }
 135       }
 136
 137     }
 138
 139   }
 140
 141   .widget-onboarding-details-upload-file ht {
 142         height: 24px;
 143   }
 144 }