<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.

.beatmap-scoreboard-table {
  @_top: beatmap-scoreboard-table;
  @activated-row: ~'@{_top}__body-row--menu-active';
  @passive-row: ~'@{_top}__body-row--highlightable';

  @handle: 16px;
  @row-height: 1.8em;

  --default-color: #fff;
  --perfect-color: hsl(@beatmap-score--hsl-perfect);
  --row-background-color: @osu-colour-b5;
  --zero-color: fade(#fff, 40%);

  margin-right: -@handle;
  overflow-x: auto;

  @media @mobile {
    margin-right: 0;
  }

  &__table {
    width: 100%;
    min-width: 800px;
    font-size: 12px;
  }

  &__header {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 5px;
    color: @osu-colour-f1;

    // in order of columns
    &--rank {
      width: 40px;
      text-align: right;
    }

    &--grade {
      width: 70px;
    }

    &--score {
      width: 70px;
    }

    &--accuracy {
      width: 70px;
    }

    &--flag {
      width: 25px;
    }

    &--player {
      width: 180px;
    }

    &--maxcombo {
      width: 100px;
    }

    &--hitstat {
      max-width: 55px;
      min-width: 30px;
      white-space: nowrap;
      padding-right: 5px;
    }

    &--miss {
      width: 70px;
    }

    &--pp {
      width: 30px;
    }

    &--mods {
      min-width: 50px;
      padding-left: 5px;
      display: flex;
    }

    &--popup-menu {
      width: @handle;
    }
  }

  &__body-row {
    &:nth-child(odd) {
      --row-background-color: @osu-colour-b4;
    }

    &:hover {
      --row-background-color: @osu-colour-b3;
      --zero-color: #fff;
    }

    // @passive-row
    &--highlightable {
      .@{_top}--menu-active & {
        pointer-events: none;
      }
    }

    // need to prioritize over :nth-child
    &&--friend {
      --row-background-color: fade(@yellow-dark, 20%);

      &:hover, .@{activated-row}& {
        --row-background-color: lighten(fade(@yellow-dark, 20%), 20%);
      }
    }

    &&--menu-active {
      --row-background-color: @osu-colour-b3;
      --zero-color: #fff;
    }

    &&--self {
      --row-background-color: fade(@green-dark, 30%);

      &:hover, .@{activated-row}& {
        --row-background-color: lighten(fade(@green-dark, 30%), 20%);
      }
    }
  }

  &__cell {
    background-color: var(--row-background-color);

    &:first-child {
      // rounded corners for left side
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
    }

    &:nth-last-child(2) {
      // ...and right side
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      padding-right: 10px;
    }
  }

  &__cell-content {
    .link-plain();
    .link-hover({
      color: var(--default-color);
    });

    display: flex;
    height: @row-height;
    align-items: center;
    color: var(--default-color);

    &--grade {
      align-items: center;
      justify-content: center;
    }

    &--mods {
      padding-left: 5px;
      width: 1%; // don't let the column expand unless required
    }

    &--perfect {
      --default-color: var(--perfect-color);
    }

    &--rank {
      font-weight: 700;
      justify-content: flex-end;
    }

    &--score {
      padding-right: 10px;

      .@{_top}__body-row--first & {
        font-weight: 700;
      }
    }

    &--time {
      white-space: nowrap;<commit_msg>entire mods column should be linkable<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.

.beatmap-scoreboard-table {
  @_top: beatmap-scoreboard-table;
  @activated-row: ~'@{_top}__body-row--menu-active';
  @passive-row: ~'@{_top}__body-row--highlightable';

  @handle: 16px;
  @row-height: 1.8em;

  --default-color: #fff;
  --perfect-color: hsl(@beatmap-score--hsl-perfect);
  --row-background-color: @osu-colour-b5;
  --zero-color: fade(#fff, 40%);

  margin-right: -@handle;
  overflow-x: auto;

  @media @mobile {
    margin-right: 0;
  }

  &__table {
    width: 100%;
    min-width: 800px;
    font-size: 12px;
  }

  &__header {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 5px;
    color: @osu-colour-f1;

    // in order of columns
    &--rank {
      width: 40px;
      text-align: right;
    }

    &--grade {
      width: 70px;
    }

    &--score {
      width: 70px;
    }

    &--accuracy {
      width: 70px;
    }

    &--flag {
      width: 25px;
    }

    &--player {
      width: 180px;
    }

    &--maxcombo {
      width: 100px;
    }

    &--hitstat {
      max-width: 55px;
      min-width: 30px;
      white-space: nowrap;
      padding-right: 5px;
    }

    &--miss {
      width: 70px;
    }

    &--pp {
      width: 30px;
    }

    &--mods {
      min-width: 50px;
      padding-left: 5px;
      display: flex;
    }

    &--popup-menu {
      width: @handle;
    }
  }

  &__body-row {
    &:nth-child(odd) {
      --row-background-color: @osu-colour-b4;
    }

    &:hover {
      --row-background-color: @osu-colour-b3;
      --zero-color: #fff;
    }

    // @passive-row
    &--highlightable {
      .@{_top}--menu-active & {
        pointer-events: none;
      }
    }

    // need to prioritize over :nth-child
    &&--friend {
      --row-background-color: fade(@yellow-dark, 20%);

      &:hover, .@{activated-row}& {
        --row-background-color: lighten(fade(@yellow-dark, 20%), 20%);
      }
    }

    &&--menu-active {
      --row-background-color: @osu-colour-b3;
      --zero-color: #fff;
    }

    &&--self {
      --row-background-color: fade(@green-dark, 30%);

      &:hover, .@{activated-row}& {
        --row-background-color: lighten(fade(@green-dark, 30%), 20%);
      }
    }
  }

  &__cell {
    background-color: var(--row-background-color);

    &:first-child {
      // rounded corners for left side
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
    }

    &:nth-last-child(2) {
      // ...and right side
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      width: 1%; // don't let the column expand unless required
    }
  }

  &__cell-content {
    .link-plain();
    .link-hover({
      color: var(--default-color);
    });

    display: flex;
    height: @row-height;
    align-items: center;
    color: var(--default-color);

    &--grade {
      align-items: center;
      justify-content: center;
    }

    &--mods {
      padding-left: 5px;
      padding-right: 10px;
    }

    &--perfect {
      --default-color: var(--perfect-color);
    }

    &--rank {
      font-weight: 700;
      justify-content: flex-end;
    }

    &--score {
      padding-right: 10px;

      .@{_top}__body-row--first & {
        font-weight: 700;
      }
    }

    &--time {
      white-space: nowrap;
{'fraction_non_alphanumeric': 0.17288914417001724, 'fraction_numerical': 0.024411257897759907, 'mean_word_length': 1.7749003984063745, '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': '5008487', 'n_tokens_mistral': 2811, 'n_tokens_neox': 2529, 'n_words': 484}