/*
 * 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-handle.collapse-handle {
  position: absolute;

  & > .collapse-handle-body {
    background-color: @desktop-navigation-handle-background-color;
    border-color: @desktop-navigation-handle-border-color;
    color: @desktop-navigation-handle-color;

    &:hover {
      background-color: @desktop-navigation-handle-hover-background-color;
    }

    &:active,
    &.active {
      background-color: @desktop-navigation-handle-active-background-color;
    }
  }

  &.right-aligned {
    &.both-visible {
      right: 5px;
    }

    &:not(.both-visible) > .collapse-handle-body {
      border-right: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }
  }

  &.left-aligned {
    &.both-visible {
      right: 5px;
    }

    &:not(.both-visible) > .collapse-handle-body {
      border-left: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }
  }
}

.navigation-handle-key-box {
  margin-top: -6px;

  &.left {
    margin-right: -4px;
  }

  &.right {
    margin-left: -4px;
  }
}