cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/resource-edit.component.scss

   1 /*
   2 * ============LICENSE_START=======================================================
   3 * ONAP : CDS
   4 * ================================================================================
   5 * Copyright (C) 2019 TechMahindra
   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 * ============LICENSE_END=========================================================
  19 */
  20
  21 .metadata-card {
  22   width: 100%;
  23   background-color: #f1f1f1;
  24   padding: 0.01em 16px;
  25   margin: 20px 0;
  26   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
  27   height: auto;
  28   min-height:340px;
  29 }
  30 .sources-card {
  31   width: 100%;
  32   background-color: #f1f1f1;
  33   padding: 0.01em 16px;
  34   margin: 20px 0;
  35   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
  36   height: auto;
  37   min-height:300px;
  38 }
  39 .mat-button{
  40     color:white;
  41     background:#3f51b5;
  42     margin-top: 10px;
  43     position: absolute;
  44     border-radius: 4px;
  45 }
  46 .mat-card-title{
  47    padding-top: 7px;
  48 }
  49 .mat-card-header{
  50    height:35px;
  51 }
  52 .mat-card-content{
  53    width: auto;
  54    background-color: #fff;
  55    padding: 8px 8px;
  56    word-wrap: break-word;
  57 }
  58 .btn{
  59   width: 50px;
  60   max-width: 100%;
  61   margin: 0 25px 25px 0;
  62   display: inline-block;
  63   vertical-align: top;
  64   border-radius: 4px;
  65 }
  66 .toggle-view-btn{
  67     color:white;
  68     background:#3f51b5;
  69     border-radius: 4px;
  70     margin-top: 10px;
  71     padding:0.6em;
  72     border: 1px solid #3f51b5;
  73 }