gerrit.onap Code Review - ccsdk/cds.git/blob

   1  /*
   2 * ============LICENSE_START=======================================================
   3 * ONAP : CDS
   4 * ================================================================================
   5 * Copyright 2019 TechMahindra
   6 *
   7 * Modifications Copyright (C) 2019 IBM
   8 *=================================================================================
   9 * Licensed under the Apache License, Version 2.0 (the "License");
  10 * you may not use this file 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 * ============LICENSE_END=========================================================
  21 */
  22 .sources-container {
  23   width: 900px;
  24   max-width: 100%;
  25   margin: 0 25px 25px 0;
  26   display: inline-block;
  27   vertical-align: top;
  28  border-bottom: solid 1px #ccc;
  29  border-radius: 4px;
  30 }
  31 .list-container {
  32   min-width: 200px;
  33   max-width: 100%;
  34   margin: 0 25px 25px 0;
  35   display: inline-block;
  36   vertical-align: top;
  37 }
  38 .sources-list {
  39   border: solid 1px #ccc;
  40   width: 900px;
  41   min-height: 30px;
  42   background: white;
  43   border-radius: 4px;
  44   overflow: hidden;
  45   display: block;
  46   border-bottom: solid 1px #ccc;
  47 }
  48 .options-list {
  49   min-height: 30px;
  50   border-radius: 4px;
  51   overflow: hidden;
  52   display: block;
  53   width: 100%;
  54 }
  55 .sources-box {
  56   //border-bottom: solid 1px #ccc;
  57   color: rgba(0, 0, 0, 0.87);
  58   display: flex;
  59   flex-direction: row;
  60   align-items: center;
  61   justify-content: space-between;
  62   box-sizing: border-box;
  63   cursor: move;
  64   background:white;
  65   font-size: 14px;
  66   min-height: 30px;
  67
  68 }
  69 .options-box {
  70   border: solid 1px #ccc;
  71   color: white;
  72   display: flex;
  73   flex-direction: row;
  74   align-items: center;
  75   justify-content: space-between;
  76   box-sizing: border-box;
  77   cursor: move;
  78   background:gray;
  79   font-size: 14px;
  80   min-height: 30px;
  81   width: 100px;
  82  padding-left: 15px;
  83 }
  84
  85 .cdk-drag-preview {
  86   box-sizing: border-box;
  87   border-radius: 4px;
  88   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
  89               0 8px 10px 1px rgba(0, 0, 0, 0.14),
  90               0 3px 14px 2px rgba(0, 0, 0, 0.12);
  91 }
  92
  93 .cdk-drag-placeholder {
  94   opacity: 0;
  95 }
  96
  97 .cdk-drag-animating {
  98   transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  99 }
 100
 101 .sources-box:last-child {
 102   border: none;
 103 }
 104
 105 .options-list.cdk-drop-list-dragging .options-box:not(.cdk-drag-placeholder) {
 106   transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
 107 }
 108 .expansion-panel{
 109   border: solid 0.5px #ededed;
 110   background: white;
 111   border-radius: 4px;
 112   overflow: hidden;
 113   display: block;
 114   width: 100%;
 115  }
 116  .matStepNextBtn{
 117     color:white;
 118     background:#3f51b5;
 119     margin-top: 10px;
 120     position: absolute;
 121     border-radius: 1em;
 122 }
 123 .icon{
 124 color: red;
 125 }