catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/property-param-row/property-param-row.component.less

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * SDC
   4  * ================================================================================
   5  * Copyright (C) 2021 Nordix Foundation. All rights reserved.
   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
  21 @import '../../../../../../../assets/styles/variables.less';
  22
  23 .remove {
  24     display: flex;
  25     align-items: center;
  26     justify-content: center;
  27
  28     svg-icon {
  29         position: relative;
  30         right: -3px;
  31
  32         &:hover {
  33             cursor: pointer;
  34         }
  35     }
  36 }
  37
  38 .cell {
  39     min-height: 50px;
  40     padding: 10px;
  41     display: flex;
  42     align-items: center;
  43
  44     > * {
  45         flex-basis: 100%;
  46     }
  47
  48     /deep/ select {
  49         height: 30px;
  50     }
  51
  52     input {
  53         height: 30px;
  54         border: none;
  55         padding-left: 10px;
  56     }
  57
  58     select {
  59         width: 100%;
  60     }
  61
  62     &.field-property {
  63         &:last-child {
  64             flex: 1;
  65         }
  66
  67         .no-properties-error {
  68             color: @func_color_q;
  69             font-style: italic;
  70         }
  71     }
  72 }