scout.desktop.toolbox.DesktopToolBox.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of org.eclipse.scout.rt.ui.html Show documentation

There is a newer version: 25.1.0-beta.0

Show newest version

/*******************************************************************************
 * Copyright (c) 2014-2015 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 ******************************************************************************/
@header-menu-textandicon-padding-right: 11px;

.desktop-tool-box {
  position: absolute;
  top: 0;
  white-space: nowrap;

  &.compact {
    padding-right: 5px;
  }
}

.desktop-tool-box-item.menu-item {
  position: relative;
  height: @desktop-header-height - 1px;
  color: @text-color;
  #scout.font-text-plus();
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  margin-left: 20px;
  margin-right: 20px;

  &:hover {
    color: @hover-color;

    & > .font-icon {
      color: @hover-color;
    }
  }

  &:active {
    color: @active-color;

    & > .font-icon {
      color: @active-color;
    }
  }

  &.disabled {
    color: @disabled-color;
    cursor: default;

    & > .font-icon {
      color: @disabled-color;
    }
  }

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

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

  & > .font-icon {
    color: @icon-color;
    font-size: 17px;
  }

  &.menu-textandicon > .icon {
    padding-right: @header-menu-textandicon-padding-right;
  }
}

/* header: tools popup */

.desktop-tool-box-item.popup-head {
  height: @desktop-header-height - 1px;
  border-left: 1px solid @border-color;
  border-right: 1px solid @border-color;
  cursor: pointer;
  /*padding: 16px 20px 0 20px;*/
  box-shadow: none;
  border-top: none;
  /*line-height: normal;*/
  //#scout.vertical-align-helper-before();
  /* OVERRIDE .desktop-tool-box-item.menu-item */
  margin-left: 0;
  margin-right: 0;
  position: absolute;

  .popup.down > & {
    /* above selector is too less specific */
    padding-top: 0;
  }

  &.selected > .font-icon {
    font-size: 17px;
  }
}

/* key boxes */

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

  &.disabled {
    background-color: @disabled-color;
  }
}