@import 'fields-view';
@import 'depicts-relations-view';
@import 'georeference-view';
@import 'thumbnail';

/**
 * @author Thomas Kleinke
 */
document-info {
  height: 100%;

  .document-info {
    height: 100%;
    background-color: #fff;
    width: $resources-listing-item-slim-width;
    overflow: hidden;
    float: left;

    ul {
      padding: 0;
    }

    .document-info-header {
      height: 40px;
      padding: 11px;
      background-color: transparent;
      border-bottom: 1px solid #ced4da;
      text-align: center;
      font-size: 14px;
      user-select: none;
      cursor: default;

      .identifier-label {
        position: relative;
        left: 32px;
        top: -41px;
        width: calc(100% - 64px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .expand-all-groups-button {
        left: -109px;
        top: -11px;

        &.active,
        &:active {
          box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2) !important;
        }
      }

      .edit-button {
        left: 109px;
        top: -71px;

        &:active {
          box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2) !important;
        }
      }

      .btn {
        position: relative;
        height: 39px;
        background-color: transparent;
        border: none;

        &:hover {
          background-color: darken($list-item-hover-color, 5%);
        }

        &:active:focus {
          box-shadow: none;
        }
      }
    }

    .info-container {
      height: calc(100% - 40px);
      overflow-y: auto;

      &.short-document-info {
        height: calc(100% - 212px);
      }
    }
  }
}