portal-FE-common/src/app/layout/components/header/header.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 $topnav-background-color: #222;
  39 :host {
  40   .navbar {
  41     background-color: $topnav-background-color;
  42     .navbar-brand {
  43       color: #fff;
  44     }
  45     .nav-item > a {
  46       color: #999;
  47       &:hover {
  48         color: #fff;
  49       }
  50     }
  51   }
  52
  53   .dropdown-menu-right.dropdown-menu.show{
  54     width: 250px;
  55   }
  56   .dropdown-item-name {
  57     font-weight: bold;
  58   }
  59
  60   .dropdown-item-value {
  61     font-weight: lighter;
  62   }
  63
  64   .custom-display-item {
  65     display: block;
  66     width: 100%;
  67     padding: 0.25rem 1.5rem;
  68     clear: both;
  69     font-weight: 400;
  70     color: #212529;
  71     text-align: inherit;
  72     white-space: nowrap;
  73     background-color: transparent;
  74     border: 0;
  75   }
  76
  77   .custom-display-item.approles {
  78     overflow-y: scroll;
  79     height: 250px;
  80   }
  81   .header-menu-display {
  82     width: 250px;
  83   }
  84 }