<commit_before>// Copyright (c) ppy Pty Ltd <<EMAIL>>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.love-beatmap-modal {
  .page-width-default();
  .default-box-shadow();
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: @border-radius-large;
  background-color: hsl(var(--hsl-b5));
  margin: 10px;

  @media @desktop {
    width: auto;
    margin: @grid-gutter-width;
  }

  &__diff-list {
    list-style: none;
    padding: 0;
    overflow-y: auto;

    @media @desktop {
      max-height: 75vh;
    }
  }

  &__diff-list-item {
    margin-bottom: 5px;
  }

  &__diff-mode-title {
    font-size: @font-size--title-small;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
  }

  &__row {
    .default-gutter-v2();
    padding-top: 10px;
    padding-bottom: 10px;

    &--content {
      font-size: @font-size--normal;
      display: grid;
      column-gap: 10px;
      grid-template-columns: 1fr;
      max-height: 70vh;
      overflow-y: auto;

      @media @desktop {
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        max-height: none;
      }
    }

    &--footer {
      display: flex;
      column-gap: 5px;
      justify-content: flex-end;
    }

    &--title {
      font-size: @font-size--title-small-2;
    }
  }

  &__switch {
    display: flex;
    align-items: baseline;
    text-transform: none;
    font-size: inherit;
    font-weight: normal;
  }
}<commit_msg>change layouting height and overflow<commit_after>// Copyright (c) ppy Pty Ltd <<EMAIL>>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.love-beatmap-modal {
  .page-width-default();
  .default-box-shadow();
  padding-top: 20px;
  padding-bottom: $padding-top;
  border-radius: @border-radius-large;
  background-color: hsl(var(--hsl-b5));
  margin: 10px;
  max-height: 80vh;
  display: grid;
  grid-template-rows: auto 1fr auto;

  @media @desktop {
    width: auto;
    margin: @grid-gutter-width;
  }

  &__diff-list {
    list-style: none;
    padding: 0;
  }

  &__diff-list-item {
    margin-bottom: 5px;
  }

  &__diff-mode {
    position: relative;

    @media @desktop {
      overflow-y: auto;
    }
  }

  &__diff-mode-title {
    font-size: @font-size--title-small;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
    position: sticky;
    top: 0;
    background-color: hsl(var(--hsl-b5));
  }

  &__row {
    .default-gutter-v2();

    &--content {
      font-size: @font-size--normal;
      display: grid;
      column-gap: 10px;
      grid-template-columns: 1fr;
      overflow-y: auto;

      @media @desktop {
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        overflow-y: hidden;
      }
    }

    &--footer {
      display: flex;
      column-gap: 5px;
      justify-content: flex-end;
      margin-top: 20px;
    }

    &--title {
      font-size: @font-size--title-small-3;
      margin-bottom: 20px;
    }
  }

  &__switch {
    display: flex;
    align-items: baseline;
    text-transform: none;
    font-size: inherit;
    font-weight: normal;
    cursor: pointer;
  }
}
{'fraction_non_alphanumeric': 0.1436007348438457, 'fraction_numerical': 0.01745254133496632, 'mean_word_length': 2.2029411764705884, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, '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': '6123921', 'n_tokens_mistral': 1254, 'n_tokens_neox': 1169, 'n_words': 259}