portal-FE-os/src/app/pages/application-onboarding/application-details-dialog/application-details-dialog.component.scss

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2019 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
  39 .application-details-modal .app-properties-mainapp-properties-main{
  40        padding-left: 40px;
  41        padding-top: 16px;
  42        padding-bottom: 16px;
  43 }
  44
  45 .application-details-modal .app-properties-main .left-container{
  46     display: inline-block;
  47     width: 48%;
  48
  49 }
  50
  51 .application-details-modal .app-properties-main .right-container{
  52     display: inline-block;
  53     width: 48%;
  54     float: right;
  55     margin-right:10px;
  56
  57 }
  58
  59 .application-details-modal .app-properties-main .property{
  60     position: relative;
  61     margin-bottom: 18px;
  62 }
  63 .application-details-modal .app-properties-main .checkbox-label{
  64     display: inline-block;
  65     padding-left: 3px;
  66 }
  67 .application-details-modal .app-properties-main .checkbox-field{
  68     padding: 0;
  69     margin: 0;
  70     vertical-align: middle;
  71     position: relative;
  72     top: -1px;
  73 }
  74 .application-details-modal .app-properties-main .preview{
  75     width: 220px;
  76     margin-top: 22px;
  77     display: block;
  78 }
  79
  80 .application-details-modal .app-properties-main .left-label{
  81     display:inline-block;
  82     float: left;
  83 }
  84 .application-details-modal .app-properties-main .remove{
  85     cursor: pointer;
  86     display: inline-block;
  87     float: right;
  88 }
  89
  90 .application-details-modal .app-properties-main .input-field{
  91     width: 220px;
  92 }
  93
  94 .application-details-modal .app-properties-main .input-file-field{
  95     width: 220px;
  96     border: 0px solid #d2d2d2;
  97     box-shadow: 0px 0px 2px -2px rgba(0, 0, 0, 0.08) inset;
  98     padding-left: 2px;
  99 }
 100
 101 .application-details-modal .app-properties-main .image-preview{
 102     background: gray;
 103     background-size: cover;
 104     width: 220px;
 105     height: 184px;
 106     margin-top: 10px;
 107     border: 2px solid #e8e8e8;
 108     border-radius: 4px;
 109 }
 110
 111 .application-details-modal .app-properties-main .error-container{
 112     position: absolute;
 113     width: 220px;
 114     display: block;
 115     height: 12px;
 116     line-height: 12px;
 117 }
 118
 119 .application-details-modal .app-properties-main .err-message{
 120     font-size: 10px;
 121 }
 122
 123 .application-details-modal .app-properties-main .checkbox .skin {
 124     left: 0px;
 125     top: 0px;
 126 }
 127
 128 .application-details-modal input[type="text"] {
 129     width: 16em;
 130 }
 131
 132 .application-details-modal input[type="url"] {
 133     width: 16em;
 134 }
 135
 136 .application-details-modal input[type="number"] {
 137     width: 16em;
 138 }
 139
 140 .application-details-modal input[type="password"] {
 141     width: 16em;
 142 }
 143
 144 ::ng-deep .modal-dialog {
 145     max-width: 700px;
 146     width: 630px;
 147     overflow-x: auto;
 148     overflow-y: auto;
 149 }
 150
 151 .required::before {
 152     color: rgb(207, 42, 42);
 153     margin-right: 2px;
 154     content: "* ";
 155     position: absolute;
 156     top: 28px;
 157     left: -10px;
 158 }
 159 .remove{
 160     cursor: pointer;
 161     color: #007bff;
 162 }
 163