portal-FE-common/src/app/pages/widget-catalog/widget-catalog.component.scss

   1 /*
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal SDK
   4  * ===================================================================
   5  * Copyright © 2019 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software 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  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  *
  37  */
  38
  39
  40
  41 :host {  .toolbar {
  42     height: 100px;
  43     display: flex;
  44   }  gridster {
  45     display: flex;
  46     height: calc(100vh - 115px);
  47     flex-direction: column;
  48   }}
  49   .icon-content-gridguide{
  50     cursor:move;
  51     font-size: 22px;
  52     }
  53     .form-row {
  54       margin-top: -14px;
  55   }
  56   .griditem-header{
  57
  58
  59       border-bottom: 1px;
  60       border-bottom-color: solid gray;
  61
  62
  63
  64   }
  65
  66 .checkbox, .radio {
  67   min-height: 10px;
  68   padding-left: 0px;
  69 }
  70
  71 .appCatalogue-boarder{
  72   background-color: #eee;
  73   border: 1px dashed white;
  74   height: 100%;
  75
  76   overflow-y: auto;
  77   overflow-x: hidden;
  78   }
  79
  80   .gridster-box {
  81     height: 100%;
  82     border: 1px solid #ccc;
  83     background-color: #fff;
  84         transition: transform 0.5s ease-out;
  85 }
  86 .gridster-box-header {
  87     background-color: #fff;
  88     padding: 0 0px 0 10px;
  89     border-bottom: 1px solid #ccc;
  90     position: relative;
  91     height: 50px !important;
  92 }
  93 .gridster-box-header h3 {
  94     margin-top: 15px;
  95     display: inline-block;
  96     font-size: 70%;
  97     font-family: "Omnes-ECOMP-W02", Arial;
  98 }
  99 .gridster-box-content {
 100     //padding: 59px;
 101     overflow-y: scroll;
 102    height:  100%;
 103
 104 }
 105
 106 .gridster-box-header-btns {
 107     top: 15px;
 108     right: 10px;
 109     position: absolute;
 110 }
 111 .checkbox input{
 112  margin: 6px;
 113     left: 112px;
 114     top: -20px;
 115     }
 116 .checkbox .skin {
 117     left: 125px;
 118     top: -18px;
 119 }