ecomp-portal-FE-common/client/app/views/user-notifications-admin/user.notifications.less

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2017 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  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37  */
  38 .w-ecomp-user-notification-admin{
  39  .bg_portalWhite;//white for 1702
  40     //.bg_portalGray;  // gray for 1610
  41     position: @page-main-position;
  42     top: @page-main-top;
  43     left: @page-main-left;
  44     right: @page-main-right;
  45     bottom: @page-main-bottom;
  46     padding-top: @padding-top;
  47     overflow-y: @page-main-overflow-y;
  48     padding-left: @padding-left-side;
  49
  50     .tab-bottom {
  51         bottom: 0;
  52     }
  53
  54     .tablesorter-default .tablesorter-header .tablesorter-header-inner {
  55     //background-image: url(images/upanddown.png);
  56     background-position: center right;
  57     background-repeat: no-repeat;
  58     cursor: pointer;
  59     white-space: normal;
  60     display: inline-block;
  61     vertical-align: baseline;
  62     zoom: 1;
  63     padding: -1px 50px;
  64 }
  65
  66
  67 p {
  68     display: inline;
  69 }
  70 .userNotifTable {
  71         width: @table-width;
  72         //margin-left: @table-margin-left;
  73         //margin: @table-margin;
  74                 margin:auto;
  75         .delete-app{
  76             .ico_trash_default;
  77         }
  78         }
  79   .user-notification-container {
  80     .content_justify;
  81       position: relative;
  82     padding: 15px 0 32px 0;
  83     width: 100%;
  84
  85     .user-notification-list {
  86         min-height: 70vh;
  87         //display: flex;
  88         justify-content: center;
  89         flex-flow: row wrap;
  90         width: @table-width;
  91         margin: auto;
  92         margin-bottom: 63px;
  93
  94         .app-gridster-header {
  95         background-color: @portalWhite;
  96
  97       }
  98
  99       .app-gridster-footer {
 100         background-color: @portalWhite;
 101       }
 102
 103       .user-notification-list-item {
 104         background-color: @portalWhite;
 105         border-radius: 2px;
 106         box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
 107         display: inline-block;
 108         width: 360px;
 109         height: 300px;
 110         background-size: cover;
 111         cursor: pointer;
 112         margin: 15px;
 113         overflow: hidden;
 114
 115         .notification-item-info {
 116           background-color: @portalWhite;
 117           height: 120px;
 118           top: 180px;
 119           position: relative;
 120           box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
 121           padding: 50px;
 122
 123           .info-title {
 124             //.a24r;
 125             .dBlue24r;  // AT&T Dark Blue
 126             margin-bottom: 4px;
 127
 128             text-overflow: ellipsis;
 129             overflow: hidden;
 130           }
 131           .info-description {
 132             .portalDBlue16r;  // omnes 16 regular
 133             text-overflow: ellipsis;
 134             white-space: nowrap;
 135             overflow: hidden;
 136           }
 137           .info-button {
 138             .btn-green;
 139             width: 96px;
 140             position: absolute;
 141             bottom: 16px;
 142             left: 16px;
 143           }
 144
 145           &:hover {
 146             opacity: .93;
 147             z-index: 3;
 148           }
 149         }
 150       }
 151     }
 152   }
 153
 154     .go-button {
 155         .btn-green;
 156         width: 96px;
 157         position: absolute;
 158         border-radius: 0px;
 159     }
 160     .user-notification-add-button {
 161     width: 160px;
 162     margin-bottom: 11px;
 163   }
 164 }
 165
 166
 167 .tree-div{
 168         height:300px;
 169         overflow:auto;
 170         .checkbox .skin{
 171                 left: 0px;
 172             top: 0px;
 173         }
 174         .checkbox input[type=checkbox]{
 175                  margin-left: 0px;
 176         }
 177         .checkbox {
 178             display: inline !important;
 179             vertical-align: middle;
 180         }
 181 }