eclipse-scout-core/src/desktop/desktoptab/DesktopTab.less

/*
 * Copyright (c) 2014-2017 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
 */
.desktop-tab.simple-tab {
  width: @desktop-tab-width;
  padding: 6px 10px 0 20px;
  border-right-width: @desktop-header-bottom-border-width;
  margin-top: @view-button-box-padding-top;
  border-top-left-radius: @view-tab-border-radius;
  border-top-right-radius: @view-tab-border-radius;
  background-color: transparent;
  color: @desktop-tab-color;

  &::before {
    border-top-left-radius: @view-tab-border-radius;
  }

  &.small {
    width: @desktop-tab-small-width;
  }

  & > .title {
    font-size: @font-size-plus;
    font-weight: @font-weight-bold;
  }

  & > .sub-title {
    color: @desktop-tab-sub-title-color;
    font-size: @font-size-small;
    padding-top: 4px;
  }

  &.animate-modality-highlight {
    #scout.animation-flash-gray(flash-gray-desktop-tab);
  }

  &:hover {
    background-color: @desktop-tab-hover-background-color;
  }

  &.selected {
    background-color: @simple-tab-active-background-color;

    & > .sub-title {
      color: @desktop-tab-sub-title-active-color;
    }
  }
}

.keyframes-flash-gray-desktop-tab() {
  0% {
    background-color: @simple-tab-background-color;
  }
  25% {
    background-color: @simple-tab-flash-background-color;
  }
  50% {
    background-color: @simple-tab-background-color;
  }
  75% {
    background-color: @simple-tab-flash-background-color;
  }
  100% {
    background-color: @simple-tab-background-color;
  }
}

@-webkit-keyframes flash-gray-desktop-tab {
  .keyframes-flash-gray-desktop-tab();
}

@keyframes flash-gray-desktop-tab {
  .keyframes-flash-gray-desktop-tab();
}