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

   1  /*\r
   2 * ============LICENSE_START=======================================================\r
   3 * ONAP : CDS\r
   4 * ================================================================================\r
   5 * Copyright 2019 TechMahindra\r
   6 *\r
   7 * Modifications Copyright (C) 2019 IBM\r
   8 *=================================================================================\r
   9 * Licensed under the Apache License, Version 2.0 (the "License");\r
  10 * you may not use this file except in compliance with the License.\r
  11 * You may obtain a copy of the License at\r
  12 *\r
  13 *     http://www.apache.org/licenses/LICENSE-2.0\r
  14 *\r
  15 * Unless required by applicable law or agreed to in writing, software\r
  16 * distributed under the License is distributed on an "AS IS" BASIS,\r
  17 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
  18 * See the License for the specific language governing permissions and\r
  19 * limitations under the License.\r
  20 * ============LICENSE_END=========================================================\r
  21 */\r
  22 .sources-container {\r
  23   width: 900px;\r
  24   max-width: 100%;\r
  25   margin: 0 25px 25px 0;\r
  26   display: inline-block;\r
  27   vertical-align: top;\r
  28  border-bottom: solid 1px #ccc; \r
  29  border-radius: 4px;\r
  30 }\r
  31 .list-container {\r
  32   min-width: 200px;\r
  33   max-width: 100%;\r
  34   margin: 0 25px 25px 0;\r
  35   display: inline-block;\r
  36   vertical-align: top;\r
  37 }\r
  38 .sources-list {\r
  39   border: solid 1px #ccc;\r
  40   width: 900px;\r
  41   min-height: 30px;\r
  42   background: white;\r
  43   border-radius: 4px;\r
  44   overflow: hidden;\r
  45   display: block;\r
  46   border-bottom: solid 1px #ccc;\r
  47 }\r
  48 .options-list {  \r
  49   min-height: 30px;\r
  50   border-radius: 4px;\r
  51   overflow: hidden;\r
  52   display: block;\r
  53   width: 100%; \r
  54 }\r
  55 .sources-box {\r
  56   //border-bottom: solid 1px #ccc;\r
  57   color: rgba(0, 0, 0, 0.87);\r
  58   display: flex;\r
  59   flex-direction: row;\r
  60   align-items: center;\r
  61   justify-content: space-between;\r
  62   box-sizing: border-box;\r
  63   cursor: move;\r
  64   background:white;\r
  65   font-size: 14px;\r
  66   min-height: 30px;\r
  67   \r
  68 }\r
  69 .options-box {\r
  70   border: solid 1px #ccc;\r
  71   color: white;\r
  72   display: flex;\r
  73   flex-direction: row;\r
  74   align-items: center;\r
  75   justify-content: space-between;\r
  76   box-sizing: border-box;\r
  77   cursor: move;\r
  78   background:gray;\r
  79   font-size: 14px;\r
  80   min-height: 30px;\r
  81   width: 100px;\r
  82  padding-left: 15px;\r
  83 }\r
  84 \r
  85 .cdk-drag-preview {\r
  86   box-sizing: border-box;\r
  87   border-radius: 4px;\r
  88   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\r
  89               0 8px 10px 1px rgba(0, 0, 0, 0.14),\r
  90               0 3px 14px 2px rgba(0, 0, 0, 0.12);\r
  91 }\r
  92 \r
  93 .cdk-drag-placeholder {\r
  94   opacity: 0;\r
  95 }\r
  96 \r
  97 .cdk-drag-animating {\r
  98   transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\r
  99 }\r
 100 \r
 101 .sources-box:last-child {\r
 102   border: none;\r
 103 }\r
 104 \r
 105 .options-list.cdk-drop-list-dragging .options-box:not(.cdk-drag-placeholder) {\r
 106   transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\r
 107 }\r
 108 .expansion-panel{\r
 109   border: solid 0.5px #ededed;\r
 110   background: white;\r
 111   border-radius: 4px;\r
 112   overflow: hidden;\r
 113   display: block;\r
 114   width: 100%;\r
 115  }\r
 116  .matStepNextBtn{\r
 117     color:white;\r
 118     background:#3f51b5; \r
 119     margin-top: 10px; \r
 120     position: absolute;\r
 121     border-radius: 1em;\r
 122 } \r
 123 .icon{\r
 124 color: red;\r
 125 }