portal-FE-common/src/app/pages/dashboard-application-catalog/dashboard-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 .simulateGridHeader{
  39         position: relative;
  40     height: 50px !important;
  41     border: 1px solid #d3d3d3;
  42     border-bottom: 0;
  43     background-color: #E5E5E5;
  44     white-space: nowrap;
  45     text-overflow: ellipsis;
  46     z-index: 1;
  47 }
  48
  49 .simulateGridHeaderTitle{
  50         line-height: 44px;
  51     margin-left: 26px;
  52     font-family: "Omnes-ECOMP-W02", Arial;
  53     font-size: 18px;
  54     color: #444444;
  55     float: left;
  56 }
  57
  58 .simulateGridHeaderHandle{
  59         cursor: move;
  60     margin: 12px;
  61     position: absolute;
  62     top: 0;
  63     left: 0;
  64     border: 0;
  65     vertical-align: middle;
  66     -ms-interpolation-mode: bicubic;
  67     display: block;
  68 }
  69
  70 /* apps gridsters */
  71 ul {
  72     list-style: none;
  73 }
  74 .gridster-box {
  75     height: 100%;
  76     border: 1px solid #ccc;
  77     background-color: #fff;
  78         transition: transform 0.5s ease-out;
  79 }
  80 .gridster-box-header {
  81     background-color: #fff;
  82     padding: 0 0px 0 10px;
  83     border-bottom: 1px solid #ccc;
  84     position: relative;
  85     height: 50px !important;
  86 }
  87 .gridster-box-header h3 {
  88     margin-top: 15px;
  89     display: inline-block;
  90     font-size: 70%;
  91     font-family: "Omnes-ECOMP-W02", Arial;
  92 }
  93
  94 .gridster-box-header i {
  95 font-size: 22px;
  96 }
  97
  98 .gridster-box-content {
  99     padding: 59px;
 100 }
 101 .gridster-box:hover{
 102     transform: scale(1.1);
 103 }
 104 .gridster-box-header-btns {
 105     top: 15px;
 106     right: 10px;
 107     position: absolute;
 108 }
 109 .dashboardSortHeader{
 110     margin-top: -44px;
 111  margin-left: 700px;
 112  }
 113
 114  .dashboard-dropdown
 115  {
 116  position: absolute;
 117  margin-top: -50px;
 118  left: 82%;
 119  top: 42px;
 120  }
 121  .appCatalogue-boarder{
 122     background-color: #eee;
 123     border: 1px dashed white;
 124    height: 80%;
 125     }
 126
 127     .icon-content-gridguide{
 128         cursor:move;
 129         font-size: 14px;
 130         }