@eclipse-scout/core/src/desktop/toolbox/DesktopToolBox.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-tool-box {
  position: absolute;
  top: 0;
  margin: 0 @desktop-tool-box-item-margin;
  min-height: @desktop-header-height;
  display: inline-flex;
  justify-content: flex-end;
  white-space: nowrap;
  color: @desktop-header-color;
}

.desktop-tool-box-item.menu-item {
  font-size: @font-size-plus;
  margin: @desktop-tool-box-item-margin-top @desktop-tool-box-item-margin;
  padding: 0 14px;
  border-radius: @desktop-tool-box-item-border-radius;
  color: inherit;
  display: inline-flex;
  align-items: center;

  &.compact {
    padding-left: 10px;
    padding-right: 10px;

    & > .submenu-icon {
      display: none;
    }
  }

  & > .font-icon {
    font-size: @desktop-tool-box-item-font-size;
  }

  & > .icon.image-icon {
    /* Increase max image height, no need to limit it to 16px */
    max-height: @desktop-logo-height;
  }

  &:hover {
    background-color: @desktop-tool-box-item-hover-background-color;
    color: inherit;
  }

  &.selected.has-popup {
    color: inherit;
    background-color: @desktop-tool-box-item-selected-background-color;
  }

  &.disabled {
    background-color: transparent;
    color: @desktop-header-disabled-color;

    & > .font-icon {
      background-color: transparent;
      color: @desktop-header-disabled-color;
    }
  }
}

/* key boxes */

.desktop-tool-box-item.menu-item .key-box {
  bottom: 6px;
}