portal-FE-common/src/app/pages/user-notification-admin/new-notification-modal/new-notification-modal.component.scss

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 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 .container .modal-body .user-notification-details-contents {
  40     padding-left: 0;
  41     padding-top: 16px;
  42     padding-bottom: 16px;
  43     height: 630px;
  44     //overflow-y: auto;
  45     margin-left: 10px;
  46     padding-right: 100px;
  47     margin-bottom: 5px;
  48     color: #5a5a5a;
  49     font-family: Omnes-ECOMP-W02,Arial;
  50     font-size: 14px;
  51     font-weight: 700;
  52 }
  53
  54 .container .modal-body .user-notification-details-contents .left-container {
  55     display: inline-block;
  56     width: 48%;
  57 }
  58
  59 .container .modal-body .user-notification-details-contents .right-container {
  60     display: inline-block;
  61     width: 39%;
  62     float: right;
  63 }
  64 .mat-radio-button ~ .mat-radio-button {
  65     margin-left: 16px;
  66 }
  67
  68 .add-widget-field {
  69     width: 250px;
  70     display: inline-table;
  71     margin: 10px;
  72 }
  73
  74 .container .modal-body .user-notification-details-contents .right-container .add-notification-input-title-ht{
  75     width: 284px;
  76     height: 76px;
  77 }
  78
  79 ::ng-deep .modal-dialog {
  80     max-width: 800px;
  81     width: 800px;
  82 }
  83
  84
  85 ::ng-deep .mat-form-field {
  86     width: 279px;
  87 }
  88
  89 .tree-div {
  90     height: 308px;
  91     width: 320px;
  92     overflow: auto;
  93 }
  94
  95 .disable-category-selection{
  96     opacity: 0.6;
  97     pointer-events: none;
  98 }
  99
 100 .disable-div{
 101     opacity: 0.6;
 102     pointer-events: none;
 103 }
 104
 105 .required::before {
 106     color: #cf2a2a;
 107     margin-right: 2px;
 108     content: "* ";
 109     position: absolute;
 110     top: 141px;
 111     left: 27px;
 112 }
 113
 114 .notifcation-label-required{
 115     color: #cf2a2a;
 116 }