@import "slovenscina-elements.scss";

.history-item {
  background:white;
  min-height:2.875rem;
  max-height:2.875rem;
  padding:1rem 1.5rem;
  position:relative;
  transition: max-height 0.3s ease-out;

  .history-item-date {
    text-transform: uppercase;
    display: inline-block;
    color:$grey-dark;
    line-height: 1rem;
    font-weight: 400;
    font-size:0.875rem;
  }
  .history-item-uploader {
    display: inline-block;
    padding-left:1rem;
    margin-left:1rem;
    border-left: 1px solid $grey-dark;
    color:$grey-dark;
    line-height: 1rem;
    font-weight: 400;
    font-size:0.875rem;
  }
  .history-item-filecount {
    float:right;
    color:$blue;
    line-height: 1rem;
    font-weight: 400;
    font-size:0.875rem;
  }
  .history-item-desc {
    position:absolute;
    bottom:1rem;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem;
    color:$black;
  }
  .history-item-desc-full {
    display: none;
  }
  &.open {
    max-height: 10rem;
    .history-item-date {display:block;}
    .history-item-uploader {
      display:block;
      padding-left:0;
      margin-left:0;
      border-left: none;
    }
    .history-item-desc {
      display: none;
    }
    .history-item-desc-full {
      display: block;
    }
  }
}