catalog-ui/src/app/ng2/pages/properties-assignment/tosca-function/tosca-concat-function/tosca-concat-function.component.less

   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 @import "../../../../../../assets/styles/mixins.less";
  23 @import "../../../../../../assets/styles/sprite.less";
  24
  25 .component-container {
  26     max-height: 500px;
  27     overflow: scroll;
  28     padding: 0 5px;
  29     &::-webkit-scrollbar-track {
  30         border: 0;
  31     }
  32 }
  33
  34 .buttons-container {
  35     display: flex;
  36     flex-direction: row;
  37     justify-content: flex-end;
  38     gap: 10px;
  39     margin-bottom: 10px;
  40
  41     .add-link {
  42         .f-color.a();
  43         .f-type._14_m();
  44         cursor: pointer;
  45
  46         &:before {
  47             .sprite-new();
  48             .plus-icon();
  49             margin-right: 5px;
  50             content: "";
  51         }
  52
  53         &:hover {
  54             .f-color.b();
  55             &:before {
  56                 .sprite-new();
  57                 .plus-icon-hover();
  58             }
  59         }
  60     }
  61
  62     .delete-icon {
  63         .sprite-new();
  64         .delete-btn();
  65         cursor: pointer;
  66     }
  67 }
  68
  69 .parameter-card {
  70     border: 2px solid @main_color_o;
  71     box-shadow: 0 0 0 0 rgba(0,0,0,0.2);
  72     //padding: 10px;
  73     border-radius: 2px;
  74     transition: 0.3s;
  75     margin-bottom: 5px;
  76     &:hover {
  77         box-shadow: 0 1px 8px 2px rgba(0,0,0,0.2);
  78     }
  79
  80     .card-content {
  81         padding: 5px 10px;
  82     }
  83
  84     .text-center {
  85         text-align: center;
  86     }
  87
  88     input {
  89         border: solid 1px @main_color_o;
  90     }
  91 }
  92
  93 .concat-plus-icon {
  94     .sprite-new();
  95     background-position: -216px -1388px;
  96     width: 14px;
  97     height: 14px;
  98 }