ecomp-portal-FE/client/app/views/applications/application-details-dialog/application-details.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  .application-details-modal {
  21   height: 700px;
  22
  23   .title {
  24     .n18r;
  25     border-bottom: @a 3px solid;
  26
  27   }
  28
  29   .app-properties-main{
  30     padding-left: 16px;
  31     padding-top: 16px;
  32     padding-bottom: 16px;
  33     height: 630px;
  34     overflow-y: auto;
  35
  36
  37     .left-container{
  38       display: inline-block;
  39       width: 48%;
  40
  41     }
  42     .right-container{
  43       display: inline-block;
  44       width: 48%;
  45       float: right;
  46
  47
  48     }
  49
  50     .property{
  51       position: relative;
  52       margin-bottom: 18px;
  53       .property-label{
  54         .o14r;
  55       }
  56       .checkbox-label{
  57         display: inline-block;
  58         padding-left: 3px;
  59       }
  60       .checkbox-field{
  61         padding: 0;
  62         margin: 0;
  63         vertical-align: middle;
  64         position: relative;
  65         top: -1px;
  66       }
  67       .preview{
  68         width: 220px;
  69         margin-top: 22px;
  70         display: block;
  71
  72         .left-label{
  73           display:inline-block;
  74           float: left;
  75         }
  76         .remove{
  77           cursor: pointer;
  78           display: inline-block;
  79           float: right;
  80           .a14r;
  81         }
  82       }
  83
  84       .input-field{
  85         .custom-input-field;
  86         width: 220px;
  87       }
  88
  89       .input-file-field{
  90         width: 220px;
  91       }
  92       .select-field {
  93         .custom-select-field;
  94       }
  95
  96       .image-preview{
  97         background: #f0f0f0;
  98         background-size: cover;
  99         width: 220px;
 100         height: 184px;
 101         margin-top: 10px;
 102         border: 2px solid #e8e8e8;
 103         border-radius: 4px;
 104       }
 105
 106       .error-container{
 107         position: absolute;
 108         width: 220px;
 109         display: block;
 110         height: 12px;
 111         line-height: 12px;
 112
 113         .err-message{
 114           color: red;
 115           font-size: 10px;
 116         }
 117       }
 118     }
 119
 120   }
 121
 122 }