webapp-frontend/src/app/anr-xapp/anr-xapp.component.scss

   1 /*-
   2  * ========================LICENSE_START=================================
   3  * O-RAN-SC
   4  * %%
   5  * Copyright (C) 2019 AT&T Intellectual Property
   6  * %%
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ========================LICENSE_END===================================
  19  */
  20  .anr__section {
  21 }
  22
  23 .anr__header {
  24     text-align: center;
  25     color: #432c85;
  26     font-size: 50px;
  27     font-weight: 200;
  28     letter-spacing: .1em;
  29     transform: translate(149 56);
  30 }
  31
  32 .spinner-container {
  33     height: 100px;
  34     width: 100px;
  35   }
  36
  37 .spinner-container mat-spinner {
  38     margin: 130px auto 0 auto;
  39 }
  40
  41 .input-pad-left {
  42     padding-left: 10px;
  43 }
  44
  45 .input-width {
  46     min-width: 250px;
  47 }
  48
  49 .ncr-table {
  50     width: 99%; /* 100% triggers horiz scroll bar */
  51     min-height: 150px;
  52     margin-top: 10px;
  53     background-color:transparent;
  54 }
  55
  56 .ncr-table__bg-dark {
  57     color: white;
  58 }
  59
  60 /* column classes are magically defined by Angular */
  61 .mat-column-neighborCellNrpci {
  62     max-width: 150px;
  63 }
  64 .mat-column-flagNoHo {
  65     max-width: 75px;
  66 }
  67 .mat-column-flagNoXn {
  68     max-width: 75px;
  69 }
  70 .mat-column-flagNoRemove {
  71     max-width: 75px;
  72 }
  73 .mat-column-action {
  74     max-width: 85px;
  75 }
  76
  77 .version__text {
  78     color: gray;
  79     letter-spacing: 0.1rem;
  80     font-size: 10px;
  81 }
  82
  83 .display-none {
  84     display: none;
  85   }
  86