// Copyright 2024 The Nomulus Authors. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

$expand-icon-size: 26px;

.console-app {
  &__sidebar {
    min-width: 300px;
    border: 0;
  }

  &__nav-icon {
    width: $expand-icon-size;
    height: $expand-icon-size;
    color: var(--secondary) !important;
    margin-right: $expand-icon-size;

    &_expand {
      position: absolute;
      left: 0;
      margin: auto;
      padding: 0px;
      width: $expand-icon-size;
      height: $expand-icon-size;
    }
  }

  &__nav-tree {
    .mat-tree-node {
      cursor: pointer;
      padding-left: $expand-icon-size;
      position: relative;

      &:hover {
        background-color: var(--light-highlight);
        border-radius: 0 15px 15px 0;
      }
      &.active {
        border-radius: 0 15px 15px 0;
        background-color: var(--lightest);
      }
    }

    div[role="group"] > .mat-tree-node {
      // expand icon + regular icon + spacing = 3 * $expand-icon-size
      padding-left: calc($expand-icon-size * 3);
    }

    ul,
    li {
      margin-top: 0;
      margin-bottom: 0;
      list-style-type: none;
    }

    &_invisible {
      display: none;
    }
  }
}
