<commit_before>@import "app/variables.scss";

$transition-duration: .3s;
$inner-padding: 15px;

.InvestigationHeading {
  background: rgba($aleph-investigation-theme, .7);
  transition: all $transition-duration ease-in-out;
  overflow: hidden;
  max-height: none;
  border-radius: 5px;
  margin-bottom: $aleph-content-padding;

  &__inner-container {
    padding: $aleph-grid-size*2 $inner-padding 0;
    transition: padding $transition-duration ease-in-out;

    .bp3-text-muted, .CollectionHeading__title, .CollectionInfo__item .value {
      color: white;
    }
  }

  .CollectionHeading__title {
    margin-bottom: $aleph-grid-size*2;
  }

  .text-markdown {
    margin: 0 0 $aleph-grid-size 0 !important;
  }

  .text-markdown p {
    margin-bottom: 5px !important;
  }

  &__divider {
    border-top: 1px solid rgba(white, .7);
    margin: auto;
    width: 0;
    transition: width $transition-duration ease-in-out, margin 1s ease-in-out;

    .metadata-shown & {
      width: 100%;
      margin-top: 20px;
      margin-bottom: $aleph-grid-size;
    }
  }

  &__metadata {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-in-out;

    .metadata-shown & {
      max-height: 10000px;
    }

    .CollectionInfo__item .key {
      color: white !important;
    }

    &__inner-container {
      margin: $inner-padding 0;
      padding: $aleph-grid-size;
      border-radius: 5px;
      background: rgba(#fff, .15);
    }
  }

  &__metadata-toggle.bp3-button {
    width: 100%;
    transition: height $transition-duration ease-in-out;
    overflow: hidden;
    background: rgba($white, .1) !important;

    &:hover {
      background: rgba($white, .2) !important;
    }

    .bp3-icon {
      color: white !important;
    }
  }

  .CollectionHeading {
    margin: 0;

    &__subheading {
      transition: max-height $transition-duration ease-in-out;
      overflow: hidden;
    }

    &__title {
      transition: font-size $transition-duration ease-in-out, font-weight $transition-duration ease-in-out;

      .bp3-icon {
        padding-right: 3px;
      }
    }
  }

  .CollectionStatus {
    padding: $aleph-grid-size;
    border-radius: 5px;
    font-size: $pt-font-size-small;
    margin: $aleph-grid-size*2 0 $aleph-grid-size;

    .bp3-heading {
      font-size: 14px !important;
      margin-bottom: 0 !important;
    }
  }

  .CollectionLink, .CategoryLink {
    color: white !important;
  }
}<commit_msg>improved visibility of investigation metadata values in sidebar<commit_after>@import "app/variables.scss";

$transition-duration: .3s;
$inner-padding: 15px;

.InvestigationHeading {
  background: rgba($aleph-investigation-theme, .7);
  transition: all $transition-duration ease-in-out;
  overflow: hidden;
  max-height: none;
  border-radius: 5px;
  margin-bottom: $aleph-content-padding;

  &__inner-container {
    padding: $aleph-grid-size*2 $inner-padding 0;
    transition: padding $transition-duration ease-in-out;

    .bp3-text-muted, .CollectionHeading__title, .CollectionInfo__item .value {
      color: white;
    }
  }

  .CollectionHeading__title {
    margin-bottom: $aleph-grid-size*2;
  }

  .text-markdown {
    margin: 0 0 $aleph-grid-size 0 !important;
  }

  .text-markdown p {
    margin-bottom: 5px !important;
  }

  &__divider {
    border-top: 1px solid rgba(white, .7);
    margin: auto;
    width: 0;
    transition: width $transition-duration ease-in-out, margin 1s ease-in-out;

    .metadata-shown & {
      width: 100%;
      margin-top: 0;
      margin-bottom: $aleph-grid-size;
    }
  }

  &__metadata {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-in-out;

    .metadata-shown & {
      max-height: 10000px;
    }

    .CollectionInfo__item .key {
      color: white !important;
    }

    &__inner-container {
      margin: $inner-padding 0;
      padding: $aleph-grid-size;
      border-radius: 5px;
      background: rgba(#fff, .15);
    }
  }

  &__metadata-toggle.bp3-button {
    width: 100%;
    transition: height $transition-duration ease-in-out;
    overflow: hidden;
    background: rgba($white, .1) !important;

    &:hover {
      background: rgba($white, .2) !important;
    }

    .bp3-icon {
      color: white !important;
    }
  }

  .CollectionHeading {
    margin: 0;

    &__subheading {
      transition: max-height $transition-duration ease-in-out;
      overflow: hidden;
    }

    &__title {
      transition: font-size $transition-duration ease-in-out, font-weight $transition-duration ease-in-out;

      .bp3-icon {
        padding-right: 3px;
      }
    }
  }

  .CollectionStatus {
    padding: $aleph-grid-size;
    border-radius: 5px;
    font-size: $pt-font-size-small;
    margin: $aleph-grid-size*2 0 $aleph-grid-size;

    .bp3-heading {
      font-size: 14px !important;
      margin-bottom: 0 !important;
    }
  }

  .CollectionLink, .CategoryLink {
    color: white !important;
  }

  .CollectionInfo__item .value {
    font-weight: 500;
  }
}
{'fraction_non_alphanumeric': 0.13353353353353353, 'fraction_numerical': 0.02042042042042042, 'mean_word_length': 2.538243626062323, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2493496', 'n_tokens_mistral': 1850, 'n_tokens_neox': 1697, 'n_words': 351}