@import '~styles/mixins';
@import '~styles/adminMixins';

$height_history: 33px;

.Resource {
  position: relative;
  height: 100%;
  padding-left: $nav_width;

  .content-wrapper {
    width: 100%;
    // for the min-width
    overflow: auto;
    height: 100%;
  }

  .content {
    position: relative;
    padding-top: $height_history;
    height: 100%;
    min-width: $content_min_width;
  }

  .history {
    @include fixedHeader;
    position: absolute;
    top: 0;
    padding: 0;
    height: $height_history;
    background-color: white;

    z-index: 2;
    font-size: 14px;
    overflow: auto;
    justify-content: flex-start;

    .link {
      display: inline-block;
      padding: 0 10px;
      color: $color_history_header;
      white-space: nowrap;

      &:hover {
        color: $color_history_header_hover;
      }

      &.active {
        color: $color_history_header_active;
      }
    }

    .index {
      display: inline;
      color: $color_history_header;
    }
  }
}
