catalog-ui/src/app/ng2/pages/type-workspace/workspace-menu/workspace-menu.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/variables.less';
  23 @import '../../../../../assets/styles/mixins.less';
  24
  25 .w-sdc-left-sidebar {
  26     padding: 0;
  27     background-color: @tlv_color_t;
  28     box-shadow: none;
  29     z-index: 2;
  30     border-right: 1px solid @main_color_o;
  31
  32     .menu-header {
  33         border-bottom: 1px solid @main_color_o;
  34         height: 53px;
  35         .f-type._16_m;
  36         font-weight: 700;
  37         line-height: 53px;
  38         padding-left: 40px;
  39         padding-right: 10px;
  40         width: 100%;
  41         overflow: hidden;
  42         text-overflow: ellipsis;
  43         display: inline-block;
  44         white-space: nowrap;
  45     }
  46
  47     .i-sdc-designer-sidebar-section-content-item {
  48         .f-type._13_m;
  49         color: @main_color_m;
  50         margin-left: 20px;
  51         padding-left: 20px;
  52         margin-top: 20px;
  53         height: 17px;
  54         .hand;
  55
  56         &:hover {
  57             color: @func_color_s;
  58             font-weight: 600;
  59         }
  60
  61         &.selected {
  62             border-left: 4px solid @main_color_a;
  63             color: @main_color_a;
  64             margin-left: 18px;
  65             padding-left: 18px;
  66             font-weight: 600;
  67
  68         }
  69     }
  70
  71 }
  72
  73 .hand {
  74     cursor: pointer;
  75 }