portal-FE-common/src/app/pages/application-catalog/application-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: 14px;
  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 .simulateCatGridHeader{
  72         position: relative;
  73     height: 70px !important;
  74     border: 1px solid #d3d3d3;
  75     border-bottom: 0;
  76     background-color: #E5E5E5;
  77     white-space: nowrap;
  78     text-overflow: ellipsis;
  79     z-index: 1;
  80 }
  81
  82 .simulateCatGridHeaderTitle{
  83         line-height: 20px;
  84         margin-top: 10px;
  85          margin-left: 26px;
  86     font-family: "Omnes-ECOMP-W02", Arial;
  87     font-size: 18px;
  88     color: #444444;
  89     float: left;
  90 }
  91
  92 .simulateCatGridHeaderRadio{
  93     line-height: 20px;
  94     margin-top: 10px;
  95     margin-left: 10px;
  96     font-family: "Omnes-ECOMP-W02", Arial;
  97     font-size: 12px;
  98     color: #444444;
  99     float: left;
 100 }
 101
 102 .simulateCatGridHeaderDetails{
 103         line-height: 20px;
 104     margin-left: 10px;
 105     font-family: "Omnes-ECOMP-W02", Arial;
 106     font-size: 12px;
 107     color: #444444;
 108     float: left;
 109 }
 110
 111 .simulateGridHeaderHandle{
 112         cursor: move;
 113     margin: 12px;
 114     position: absolute;
 115     top: 0;
 116     left: 0;
 117     border: 0;
 118     vertical-align: middle;
 119     -ms-interpolation-mode: bicubic;
 120     display: block;
 121 }
 122
 123 .catalog-radio-div{
 124         display:inline-block;
 125         margin-right:5px;
 126 }
 127
 128 .appCatalogue-boarder{
 129   background-color: #eee;
 130   border: 1px dashed white;
 131
 132   overflow-y: auto;
 133   overflow-x: hidden;
 134   }
 135
 136   .gridster-box {
 137     height: 100%;
 138     border: 1px solid #ccc;
 139     background-color: #fff;
 140         transition: transform 0.5s ease-out;
 141 }
 142 .gridster-box-header {
 143     background-color: #fff;
 144     padding: 0 0px 0 10px;
 145     border-bottom: 1px solid #ccc;
 146     position: relative;
 147     height: 50px !important;
 148 }
 149 .gridster-box-header h3 {
 150     margin-top: 15px;
 151     display: inline-block;
 152     font-size: 70%;
 153     font-family: "Omnes-ECOMP-W02", Arial;
 154 }
 155 .gridster-box-content {
 156     padding: 59px;
 157 }
 158 .gridster-box:hover{
 159     transform: scale(1.1);
 160 }
 161 .gridster-box-header-btns {
 162     top: 15px;
 163     right: 10px;
 164     position: absolute;
 165 }
 166 .checkbox input{
 167  margin: 6px;
 168     left: 112px;
 169     top: -20px;
 170     }
 171 .checkbox .skin {
 172     left: 125px;
 173     top: -18px;
 174 }