gerrit.onap Code Review - sdc.git/blob

   1 /*
   2  * -
   3  *  ============LICENSE_START=======================================================
   4  *  Copyright (C) 2022 Nordix Foundation.
   5  *  ================================================================================
   6  *  Licensed under the Apache License, Version 2.0 (the "License");
   7  *  you may not use this file except in compliance with the License.
   8  *  You may obtain a copy of the License at
   9  *
  10  *       http://www.apache.org/licenses/LICENSE-2.0
  11  *
  12  *  Unless required by applicable law or agreed to in writing, software
  13  *  distributed under the License is distributed on an "AS IS" BASIS,
  14  *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  15  *  See the License for the specific language governing permissions and
  16  *  limitations under the License.
  17  *
  18  *  SPDX-License-Identifier: Apache-2.0
  19  *  ============LICENSE_END=========================================================
  20  */
  21
  22 .add-property-container {
  23     max-width: 100%;
  24 }
  25
  26 .default-value-container {
  27     overflow: scroll;
  28     max-height: 300px;
  29     max-width: 100%;
  30
  31     ul {
  32         margin: 0 0 0 20px;
  33         list-style: none;
  34         line-height: 2em;
  35     }
  36
  37     &::-webkit-scrollbar-track {
  38         border: 0;
  39     }
  40 }
  41
  42 li {
  43     position: relative;
  44
  45     &:before {
  46         position: absolute;
  47         left: -15px;
  48         top: 0;
  49         content: '';
  50         display: block;
  51         border-left: 1px solid #ddd;
  52         height: 1em;
  53         border-bottom: 1px solid #ddd;
  54         width: 10px;
  55     }
  56
  57     &:after {
  58         position: absolute;
  59         left: -15px;
  60         bottom: -7px;
  61         content: '';
  62         display: block;
  63         border-left: 1px solid #ddd;
  64         height: 100%;
  65     }
  66
  67     &.root {
  68         margin: 0 0 0 -20px;
  69
  70         &:before {
  71             display: none;
  72         }
  73
  74         &:after {
  75             display: none;
  76         }
  77     }
  78
  79     &:last-child {
  80         &:after {
  81             display: none
  82         }
  83     }
  84 }
  85
  86 .input-label {
  87     margin: 0;
  88     font-weight: bold;
  89 }
  90
  91 .input-value {
  92     display: flex;
  93     flex-flow: row nowrap;
  94     gap: 7px;
  95
  96     input {
  97         min-width: 150px;
  98         max-width: 250px;
  99     }
 100 }
 101
 102 .empty-value {
 103     color: #aaaaaa;
 104 }