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

   1 /*
   2 * ============LICENSE_START=======================================================
   3 * ONAP : CDS
   4 * ================================================================================
   5 * Copyright (C) 2020 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 .source{
  21     left: 20px;
  22     width: 72%;
  23 }
  24 .source1{
  25     width: 25%;
  26     background-color:#F4F9FE;
  27 }
  28 h5{
  29     padding-top: 10px;
  30     padding-left: 10px;
  31     background-color:white;
  32     height: 40px;
  33     width: 100%;
  34 }
  35 .mat-form-field + .mat-form-field {
  36   margin-left: 8px;
  37 }
  38 mat-expansion-panel-header{
  39   background-color:#E0E8F2;
  40 }
  41 mat-panel-title{
  42   color:#1B3E6F;
  43 }
  44 mat-expansion-panel{
  45   border-radius: 0px;
  46   border-left: none;
  47 }
  48 .example-list .card{
  49   margin-bottom: 10px !important;
  50 }
  51 .expansion-panel{
  52   border: none;
  53   background: white;
  54   border-radius: 0px;
  55   overflow: hidden;
  56   display: block;
  57   width: 100%;
  58   color:#1B3E6F;
  59  }
  60 .example-container {
  61     width: 230px;
  62     max-width: 100%;
  63     margin: 10px 10px 15px 0;
  64     display: inline-block;
  65     vertical-align: top;
  66     border-radius: 2px;
  67     height: 260px;
  68     background-color:#F4F9FE;
  69   }
  70   .example-container2 {
  71     width: 630px;
  72     max-width: 100%;
  73     margin: 10px 10px 5px 0;
  74     display: inline-block;
  75     vertical-align: top;
  76     border-radius: 2px;
  77     height: 300px;
  78     background-color:#F4F9FE;
  79   }
  80
  81   .example-list {
  82     min-height: 12px;
  83     border-radius: 0px;
  84     overflow: hidden;
  85     display: block;
  86     margin: 5px;
  87     overflow-y:scroll;
  88     overflow-x:hidden;
  89     margin-left: 15px;
  90     width: 195px;
  91     margin-top: 15px;
  92   }
  93
  94   .example-list1 {
  95     min-height: 12px;
  96     border-radius: 0px;
  97     overflow: hidden;
  98     display: block;
  99     margin: 5px;
 100     overflow-y:hidden;
 101     overflow-x:hidden;
 102   }
 103
 104   .checkbox{
 105    margin-left: 11%;
 106   }
 107   .example-box {
 108     padding: 2px 1px;
 109     display: flex;
 110     flex-direction: row;
 111     align-items: center;
 112     justify-content: left;
 113     box-sizing: border-box;
 114     cursor: move;
 115     font-size: 14px;
 116
 117   }
 118   .example-box1 {
 119     padding: 1px 1px;
 120     display: flex;
 121     flex-direction: row;
 122     align-items: center;
 123     justify-content: left;
 124     box-sizing: border-box;
 125     cursor: move;
 126     font-size: 14px;
 127     border-radius: 0px !important;
 128   }
 129
 130   .cdk-drag-preview {
 131     box-sizing: border-box;
 132     border-radius: 4px;
 133     box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
 134                 0 8px 10px 1px rgba(0, 0, 0, 0.14),
 135                 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 136   }
 137
 138   .cdk-drag-placeholder {
 139     opacity: 0;
 140   }
 141
 142   .cdk-drag-animating {
 143     transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
 144   }
 145
 146   .example-box:last-child {
 147     border: none;
 148   }
 149
 150   .example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) {
 151     transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
 152   }
 153
 154 .searchText{
 155   width: 180px;
 156   /* border-top: solid 2px #F4F9FE; */
 157   border: 0px;
 158   color: #1B3E6F;
 159   font-size: 13px;
 160   margin-top: 2px;
 161 }
 162 .searchBox{
 163     position: relative;
 164     top: 0%;
 165     right: 0%;
 166     height: 35px;
 167     border-top: solid 2px #F4F9FE;
 168     width: 100%;
 169     margin-left:0px;
 170     background-color:white;
 171 }
 172
 173 .searchButton1{
 174   float: left;
 175   padding-left: 0 !important;
 176   height: 30px;
 177   width:30px;
 178   background: url(src/assets/img/icon-search.svg) center center no-repeat;
 179   border: 0 !important;
 180   margin-right:0px;
 181 }
 182 .action-button1{
 183   margin-left:50px;
 184   padding: 1px 6px;
 185   box-shadow: none;
 186   color:white;
 187   font-size: 14px;
 188   height: 25px;
 189   background-color:#007bff;
 190   border-radius:16px;
 191   border:solid 0.5px #ededed;
 192 }
 193 .footer{
 194   margin: 1px 0px;
 195 }
 196 .delete{
 197   color: red;
 198   font-size: 14px;
 199   margin: 2px;
 200 }
 201 .footer input{
 202   margin: 6px 0px 1px 5px;
 203 }
 204 .select-button{
 205   color: #007bff;
 206   font-size: 14px;
 207   margin: 2px;
 208 }