portal-FE-os/src/app/layout/components/tabbar/tabbar.component.scss

   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  *
  37  */
  38
  39  .input-label,
  40  .add-tab-button,
  41  .delete-tab-button {
  42    margin: 8px;
  43  }
  44  .search-bar {
  45    position: absolute;
  46    right: 10%;
  47  }
  48
  49  #mat-tab-label-0-1 {
  50    position: fixed;
  51    right: 1em;
  52  }
  53
  54  .mat-tab-group{
  55    margin-top: 55px;
  56  }
  57
  58  ::ng-deep .mat-tab-label {
  59    font-size: 13px !important;
  60    line-height: 30px !important;
  61    margin: 5px 0px 0 !important;
  62    border-top-left-radius: 88px 205px !important;
  63    border-top-right-radius: 88px 205px !important;
  64    padding: 0 30px 0 25px !important;
  65    height: 35px !important;
  66    background: #d2d2d2 !important;
  67    position: relative !important;
  68    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5) !important;
  69    width: 180px !important;
  70    max-width: 200px !important;
  71    min-width: 20px !important;
  72    border: 1px solid #aaa !important;
  73    text-transform: capitalize !important;
  74    text-align: left !important;
  75  }
  76
  77
  78  ::ng-deep .mat-tab-label.mat-ripple.ng-star-inserted.mat-tab-label-active {
  79    opacity: 1;
  80  }