portal-FE-common/src/app/pages/microservice-onboarding/microservice-add-details/microservice-add-details.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 ::ng-deep .modal-dialog {
  40     max-width: 600px;
  41     width: 600px;
  42     overflow-x: auto;
  43     overflow-y: auto;
  44 }
  45
  46 ::ng-deep .modal-body {
  47    padding: -1rem;
  48 }
  49
  50 ::ng-deep .mat-form-field-infix {
  51     width: 400px;
  52 }
  53
  54 .microservice-add-details-model .microservice-properties-main {
  55     padding-left: 20px;
  56     padding-right: 20px;
  57     margin-bottom: 50px;
  58     height: 430px;
  59     width: 100%;
  60     overflow-x: auto;
  61 }
  62
  63 .microservice-add-details-model .microservice-properties-main .item {
  64     position: relative;
  65     margin-bottom: 15px;
  66     width: 400px;
  67 }
  68
  69 .microservice-add-details-model .microservice-properties-main .item .error-container {
  70     position: absolute;
  71     width: 280px;
  72     display: block;
  73     height: 12px;
  74     line-height: 12px;
  75 }
  76
  77 .microservice-add-details-model .microservice-properties-main .item .error-container .err-message {
  78     color: #cf2a2a;
  79     font-size: 10px;
  80 }
  81
  82 .microservice-add-details-model .microservice-properties-main .item .item-label {
  83     color: #5a5a5a;
  84     font-family: Omnes-ECOMP-W02,Arial;
  85     font-size: 14px;
  86 }
  87
  88 .microservice-add-details-model .microservice-properties-main .item .left-test-item {
  89     display: inline-block;
  90     width: 85%;
  91     background: #fff;
  92 }
  93
  94 .microservice-add-details-model .microservice-properties-main .item .right-test-item {
  95     position: relative;
  96     display: inline-block;
  97     width: 15%;
  98     float: right;
  99 }
 100
 101 .microservice-add-details-model .microservice-properties-main .item .test-button {
 102     color: #fff;
 103     font-family: Omnes-ECOMP-W02-Medium,Arial;
 104     font-size: 14px;
 105     border-style: solid;
 106     border-width: 1px;
 107     border-radius: 6px;
 108     box-shadow: 0 1px 0.99px 0.01px rgba(2,60,89,.004);
 109     height: 29px;
 110     line-height: 29px;
 111     cursor: pointer;
 112     text-align: center;
 113     background: #067ab4;
 114 }
 115
 116 .microservice-add-details-model .microservice-properties-main .item {
 117     position: relative;
 118     margin-bottom: 15px;
 119     width: 400px;
 120 }
 121
 122 .microservice-add-details-model .microservice-properties-main .add-para-item {
 123     position: relative;
 124     display: inline-flex;
 125 }
 126
 127 .microservice-add-details-model .microservice-properties-main .add-para-item .add-label-left {
 128     line-height: 25px;
 129     height: 30px;
 130     vertical-align: middle;
 131     display: inline-block;
 132     margin-right: 10px;
 133     background: #fff;
 134     color: #5a5a5a;
 135     font-family: Omnes-ECOMP-W02,Arial;
 136     font-size: 14px;
 137 }
 138
 139 .microservice-add-details-model .microservice-properties-main .microservice-property {
 140     margin-top: 10px;
 141     position: relative;
 142 }
 143
 144 .icon-primary-accordion-minus, .icon-primary-expanded, .icon-primary-accordion-plus, .icon-primary-collapsed {
 145     font-size: 20px !important;
 146 }
 147
 148 #microservice-details-input-name{
 149     width: 16em;
 150 }
 151
 152 #widgets-details-input-desc{
 153     width: 25em;
 154 }
 155
 156 .microservice-desc {
 157     overflow: auto;
 158     resize: vertical;
 159     width: 29em;
 160 }
 161
 162 .json-field {
 163     overflow: auto;
 164     resize: vertical;
 165     width: 25em;
 166 }
 167
 168 #microservice-details-input-app{
 169     width: 25em;
 170     height: 32px;
 171 }
 172
 173 #microservice-details-input-endpoint-url{
 174     width: 25em;
 175 }
 176
 177 #microservice-details-input-security-type{
 178     width: 25em;
 179     height: 32px;
 180 }
 181
 182 .microservice-add-details-model .microservice-properties-main .item .para-label-item-right {
 183     margin-left: 201px!important;
 184     position: absolute!important;
 185     margin-top: -19px!important;
 186     width: 50%!important;
 187 }
 188
 189 .microservice-add-details-model .microservice-properties-main .item .para-item-right {
 190     margin-top: -27px;
 191     position: absolute;
 192     margin-left: 500px;
 193 }
 194
 195 .table-search-field {
 196     width: 48% !important;
 197     margin-bottom: 5px;
 198 }
 199
 200 #microservice-details-user-paramters{
 201     display: inline-flex;
 202 }
 203
 204 .required:before {
 205     color: #cf2a2a;
 206     margin-right: 2px;
 207     content: "* ";
 208     position: absolute;
 209     top: 28px;
 210     left: -10px;
 211 }