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