ecomp-portal-FE-common/client/app/views/applications/application-details-dialog/application-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  *
  37  */
  38  .application-details-modal {
  39  // height: 700px;
  40
  41   .title {
  42     //.n18r;
  43     .dGray18r;
  44     border-bottom: @blue-active 3px solid;
  45
  46   }
  47   .app-properties-main{
  48     padding-left: 40px;
  49     padding-top: 16px;
  50     padding-bottom: 16px;
  51
  52     .left-container{
  53       display: inline-block;
  54       width: 48%;
  55
  56     }
  57     .right-container{
  58       display: inline-block;
  59       width: 48%;
  60       float: right;
  61           margin-right:10px;
  62
  63     }
  64
  65     .property{
  66       position: relative;
  67       margin-bottom: 18px;
  68       .property-label{
  69         .dGray14r;
  70       }
  71       .checkbox-label{
  72         display: inline-block;
  73         padding-left: 3px;
  74       }
  75       .checkbox-field{
  76         padding: 0;
  77         margin: 0;
  78         vertical-align: middle;
  79         position: relative;
  80         top: -1px;
  81       }
  82       .preview{
  83         width: 220px;
  84         margin-top: 22px;
  85         display: block;
  86
  87         .left-label{
  88           display:inline-block;
  89           float: left;
  90         }
  91         .remove{
  92           cursor: pointer;
  93           display: inline-block;
  94           float: right;
  95           .blue14r;
  96         }
  97       }
  98
  99       .input-field{
 100         .custom-input-field;
 101         width: 220px;
 102       }
 103
 104       .input-file-field{
 105         width: 220px;
 106         border: 0px solid #d2d2d2;
 107                 box-shadow: 0px 0px 2px -2px rgba(0, 0, 0, 0.08) inset;
 108                 padding-left: 2px;
 109       }
 110       .select-field {
 111         .custom-select-field;
 112       }
 113
 114       .image-preview{
 115         background: @funcBkgGray;
 116         background-size: cover;
 117         width: 220px;
 118         height: 184px;
 119         margin-top: 10px;
 120         border: 2px solid #e8e8e8;
 121         border-radius: 4px;
 122       }
 123
 124       .error-container{
 125         position: absolute;
 126         width: 220px;
 127         display: block;
 128         height: 12px;
 129         line-height: 12px;
 130
 131         .err-message{
 132           color: @funcRed;
 133           font-size: 10px;
 134         }
 135       }
 136     }
 137
 138   }
 139
 140 .input-app-image-upload-ht {
 141         height: 24px;
 142 }
 143
 144 .checkbox .skin {
 145                                 left: 0px;
 146                                 top: 0px;
 147                         }
 148
 149 }