/*
 * 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-logo {
  position: absolute;
  top: 0;
  right: 0;
  margin: 16px;
  background-color: @desktop-logo-background-color;

  &.clickable {
    cursor: pointer;
  }

  & > .image {
    height: @desktop-logo-height;
    // If logo is larger than @desktop-logo-width, the items on the left will be moved correctly, but only after logo is loaded, so the shift may be visible to the user.
    // In order to have a proper layout from the beginning, set the @desktop-logo-width to the actual logo with
    min-width: @desktop-logo-min-width;
    border: 1px solid @desktop-logo-background-color;
  }
}