/*
 * 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
 */

@table-compact-cell-line-height: 20px;

.compact-cell-title {
  display: flex;
  align-items: baseline;
  line-height: @table-compact-cell-line-height;

  & > .left {
    flex-grow: 1;
    font-weight: @title-font-weight;
    #scout.overflow-ellipsis();
  }

  & > .right {
    flex-grow: 0;
    /* in case it wraps when title is large */
    text-align: right;
  }
}

.compact-cell-subtitle {
  color: @sub-title-color;
  #scout.overflow-ellipsis();

  &:not(:empty) {
    padding-top: 2px;
  }
}

.compact-cell-content,
.compact-cell-more-content {
  line-height: @table-compact-cell-line-height;
}

.compact-cell-content.has-header,
.compact-cell-more-content.has-header {
  color: @table-compact-cell-content-color;
}

.compact-cell-more {
  line-height: @table-compact-cell-line-height;
}

.compact-cell-content:not(:empty).has-header {
  padding-top: 5px;
}

.compact-cell-line {
  #scout.overflow-ellipsis();
}

.compact-cell-line-label {
  font-size: @field-label-font-size;
  color: @label-color;

  &:not(:empty) {
    margin-right: 4px;
  }

  & > .icon {
    margin-right: 2px;
  }
}

.compact-cell-line-label,
.compact-cell-line-value {
  & > .icon.with-text {
    margin-right: 8px;
  }
}