catalog-ui/src/app/ng2/components/logic/substitution-filter/substitution-filter.component.less

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * SDC
   4  * ================================================================================
   5  * Copyright (C) 2020 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 @import './../../../../../assets/styles/variables-old.less';
  23 @import './../../../../../assets/styles/mixins_old.less';
  24 @import './../../../../../assets/styles/mixins.less';
  25
  26 .substitution-filter {
  27
  28   /deep/ .checkbox-label-mark-as-dependent {
  29     padding: 7px 18px;
  30     position: relative;
  31     height: 61px;
  32     color: @main_color_a;
  33     box-shadow: 0 2px 7px @main_color_o;
  34     border-bottom: 1px solid @main_color_o;
  35     .checkbox-label {
  36       margin-top: 14px;
  37       .checkbox-label-content {
  38         font-size: 14px;
  39       }
  40     }
  41     .checkbox-container input[type=checkbox].checkbox-hidden[disabled] ~ .checkbox-label-content {
  42       opacity: 0.5;
  43     }
  44     .delete-btn {
  45       background-position: -137px -415px;
  46       width: 24px;
  47       height: 24px
  48     }
  49
  50     loader {
  51       top: 20px;
  52     }
  53   }
  54
  55
  56   .i-sdc-designer-sidebar-section-content-item-rules-section {
  57     .i-sdc-designer-sidebar-section-content-item-rule {
  58       border-bottom: 1px solid @main_color_o;
  59       padding: 5px 10px 5px 18px;
  60       position: relative;
  61       height: 61px;
  62       display: flex;
  63       align-items: center;
  64       justify-content: space-between;
  65
  66       .rule-details {
  67         // .s_1;
  68         display: flex;
  69         flex: 1;
  70         align-items: center;
  71         justify-content: space-between;
  72         margin-left: 5px;
  73         width: 180px;
  74         .delete-icon {
  75           visibility: hidden;
  76         }
  77         &:not(.readonly):hover {
  78           .a_1;
  79         }
  80         &:hover .delete-icon{
  81           visibility: visible;
  82         }
  83         &.readonly {
  84           opacity: 0.5;
  85         }
  86       }
  87       .rule-desc {
  88         .sdc-ellipsis;
  89         width: 220px;
  90         position: relative;
  91         padding-right: 1em;
  92       }
  93
  94     }
  95   }
  96   .w-sdc-designer-sidebar-section-footer {
  97     margin-top: 10px;
  98     text-align: center;
  99     width: 100%;
 100   }
 101   .w-sdc-designer-sidebar-section-footer-action {
 102     width: 180px;
 103     margin-top: 10px;
 104   }
 105 }