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 and Nokia
   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     position: relative;
  22     top: -50px;
  23 }
  24
  25 .anr__header {
  26     text-align: center;
  27     color: #432c85;
  28     font-size: 50px;
  29     font-weight: 200;
  30     letter-spacing: .1em;
  31     transform: translate(149 56);
  32 }
  33
  34 .spinner-container {
  35     height: 360px;
  36     width: 390px;
  37     position: fixed;
  38 }
  39
  40 .spinner-container mat-spinner {
  41     margin: 130px auto 0 auto;
  42 }
  43
  44 .input-pad-left {
  45     padding-left: 10px;
  46 }
  47
  48 .input-width {
  49     min-width: 250px;
  50 }
  51
  52 .ncr-table {
  53     width: 99%; /* 100% triggers horiz scroll bar */
  54     min-height: 150px;
  55     margin-top: 10px;
  56     background-color:transparent;
  57 }
  58
  59 .ncr-table__bg-dark {
  60     color: white;
  61 }
  62
  63 /* column classes are magically defined by Angular */
  64 .mat-column-neighborCellNrpci {
  65     max-width: 150px;
  66 }
  67 .mat-column-flagNoHo {
  68     max-width: 75px;
  69 }
  70 .mat-column-flagNoXn {
  71     max-width: 75px;
  72 }
  73 .mat-column-flagNoRemove {
  74     max-width: 75px;
  75 }
  76 .mat-column-action {
  77     max-width: 85px;
  78 }
  79
  80 .version__text {
  81     color: gray;
  82     letter-spacing: 0.1rem;
  83     font-size: 10px;
  84 }