@eclipse-scout/core/src/desktop/bench/DesktopBench.less

Eclipse Scout runtime

/*
 * Copyright (c) 2010, 2025 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-bench-drop-shadow() {
  content: '';
  position: absolute;
  top: @desktop-bench-drop-shadow-top;
  left: 0;
  width: 10px;
  height: calc(~'100% - ' @desktop-bench-drop-shadow-top);
  box-shadow: -8px 0 10px 0 @desktop-bench-drop-shadow-color;
  clip-path: polygon(-100% 0, 200% 0, 200% 200%, -100% 200%);
}

.desktop-bench {
  position: absolute;
  top: 0;
  background-color: @desktop-bench-background-color;
  border-left: @desktop-bench-border-left-width solid @border-color;

  .navigation-invisible > & {
    border-left: 0;
  }

  &.drop-shadow {
    border-left: 0;

    .desktop-bench-drop-shadow();

    .desktop:not(.first-tab-selected):not(.navigation-invisible):not(.view-tab-area-in-bench) > & {
      border-top-left-radius: @desktop-bench-drop-shadow-border-top-left-radius;
      overflow: hidden;
    }
  }

  &.animate-remove {
    #scout.animation-name(slideout-right);
    #scout.animation-duration(0.5s);
  }

  & > .bench-column > .simple-tab-box > .simple-tab-area {
    background-color: @desktop-bench-tab-area-background-color;

    &::before {
      // Hide line on the bottom because tab itself does not have a border
      display: none;
    }

    & > .desktop-tab {
      &.last > .edge.right {
        z-index: 0; // Don't draw over view area / splitter  on the right
      }

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

      & > .status-container > .save-needer {
        color: @desktop-tab-selected-save-needer-color;
      }
    }

    &:not(.overflown) > .desktop-tab.last {
      margin-right: 0;
    }
  }

  /* Make some space for the navigation handle (when the navigation is closed */
  /* Only do it if detail-table is at the bottom left corner */

  &.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls {
    margin-left: @detail-table-footer-with-handle-margin-left;

    & > .table-control.selected {
      border-left-color: @border-color;
    }
  }

  & > .splitter.x-axis {
    margin-left: -7px;
    margin-right: -7px;
  }

  &.outline-content-has-dimmed-background {
    background-color: @dimmed-background-color;
  }
}

.detail-table.table {
  --table-row-margin-x: @detail-table-row-margin-x;
  --table-row-padding-y: @detail-table-row-padding-y;
  --table-aggregate-row-padding-y-small: @detail-table-aggregate-padding-y-small;
  --table-aggregate-row-padding-y-large: @detail-table-aggregate-padding-y-large;

  &:not(.knight-rider-loading) > .table-data.loading,
  & > .accordion.loading {
    & > .loading-glasspane > .loading-indicator {
      #scout.loading-indicator(@busyindicator-large-size, @busyindicator-large-border-width);
    }
  }

  & > .table-header {
    background-color: @detail-table-header-background-color;
    border-bottom-color: @detail-table-header-border-color;

    & > .table-header-item {
      padding-top: @detail-table-header-item-padding-y;
      padding-bottom: @detail-table-header-item-padding-y;
      margin-top: @detail-table-header-item-margin-top;
      margin-bottom: @detail-table-header-item-margin-bottom;
    }

    & > .menubar-container > .menubar > .menubar-box > .menu-item.last {
      margin-right: 12px;
    }
  }

  & > .table-footer {
    background-color: @detail-table-footer-background-color;
  }

  & > .table-data {
    & > .scrollbar {
      #scout.scrollbar-x-padding(4px, 2px);
    }

    & + .scroll-shadow {
      .scroll-shadow.large();
    }
  }
}