@eclipse-scout/core/src/desktop/navigation/DesktopNavigation.less

Eclipse Scout runtime

/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
.desktop-navigation {
  position: absolute;
  height: 100%;
  width: @desktop-navigation-width;
  min-width: @desktop-navigation-min-width;
  background-color: @desktop-navigation-background-color;
  color: @desktop-navigation-color;

  & > .desktop-tool-box {
    right: 0;

    & > .menu-item {
      margin-bottom: @view-tab-margin;

      & > .font-icon {
        font-size: @view-tab-icon-font-size;
      }

      &.ellipsis > .font-icon {
        font-size: @view-tab-icon-font-size + 2px;
      }
    }
  }

  &.view-button-box-invisible {
    & > .desktop-tool-box > .menu-item {
      margin-bottom: @desktop-tool-box-item-margin-top;
    }

    & > .navigation-body > .outline > .outline-title {
      background-color: @desktop-header-background-color;
      border-bottom: 0;
      color: @desktop-header-color;

      &.measure {
        display: inline-flex;
      }

      &.touch:active {
        background-color: @desktop-header-background-color;
      }

      & > .text {
        flex-grow: 0;
      }

      & > .menubar > .menubar-box > .menu-item {
        color: @desktop-header-color;
      }
    }
  }
}

.desktop-navigation-breadcrumb {
  width: @desktop-navigation-breadcrumb-width;
}

.navigation-body {
  position: absolute;
  background-color: @desktop-navigation-body-background-color;

  .desktop-navigation.in-background > & {
    background-color: @desktop-navigation-body-in-background-background-color;
  }
}