catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/filters-list/filters-list.component.less

   1 /*
   2  * ============LICENSE_START=======================================================
   3  *  Copyright (C) 2023 Nordix Foundation
   4  *  ================================================================================
   5  *  Licensed under the Apache License, Version 2.0 (the "License");
   6  *  you may not use this file except in compliance with the License.
   7  *  You may obtain a copy of the License at
   8  *
   9  *        http://www.apache.org/licenses/LICENSE-2.0
  10  *  Unless required by applicable law or agreed to in writing, software
  11  *  distributed under the License is distributed on an "AS IS" BASIS,
  12  *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  *  See the License for the specific language governing permissions and
  14  *  limitations under the License.
  15  *
  16  *  SPDX-License-Identifier: Apache-2.0
  17  *  ============LICENSE_END=========================================================
  18  */
  19
  20 @import '../../../../../../../assets/styles/variables.less';
  21 @import '../../../../../../../assets/styles/override.less';
  22
  23 .group-with-border {
  24     margin: 10px 0;
  25     padding: 10px 0;
  26     border-top: 1px solid @tlv_color_u;
  27     .content-row:not(:last-of-type) {
  28         padding-bottom: 13px;
  29     }
  30 }
  31
  32 .group-with-border-blue {
  33     margin: 10px 0;
  34     padding: 10px 0;
  35     border-top: 1px solid @tlv_color_x;
  36     .content-row:not(:last-of-type) {
  37         padding-bottom: 13px;
  38     }
  39 }
  40
  41 .i-sdc-form-select, .i-sdc-form-input {
  42     color: #5a5a5a;
  43     font-family: OpenSans-Regular, sans-serif;
  44     font-size: 14px;
  45     background-color: #ffffff;
  46     border-radius: 2px;
  47     margin: 0;
  48     padding: 0;
  49     border: solid 1px #d2d2d2;
  50     height: 30px;
  51     width: 100%;
  52     display: block;
  53 }
  54
  55 .padding-bottom {
  56     padding-bottom: 10px;
  57 }
  58
  59 .padding-zero {
  60     padding: 0px;
  61 }
  62
  63 .side-by-side {
  64     display: flex;
  65
  66     .form-item {
  67         flex: 1 1 auto;
  68
  69         &:first-child {
  70             margin-right: 14px;
  71             flex-basis: 37%;
  72             flex-grow: 0;
  73             flex-shrink: 0;
  74         }
  75
  76         &:nth-child(3) {
  77             margin-left: 14px;
  78             flex: 0.4;
  79         }
  80     }
  81
  82     .form-item-50 {
  83         flex: 1 1 auto;
  84         flex-grow: 0;
  85         flex-basis: 50%;
  86
  87         &:first-child {
  88             margin-right: 14px;
  89         }
  90
  91         &:nth-child(3) {
  92             margin-left: 14px;
  93         }
  94     }
  95
  96     .form-item-big {
  97         flex: 1 1 auto;
  98         flex-grow: 0;
  99         flex-basis: 90%;
 100     }
 101
 102     .form-item-icon {
 103         margin-left: auto;
 104         margin-right: 14px;
 105
 106         .sprite-new {
 107             margin-top: 110%;
 108         }
 109     }
 110 }