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

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