<commit_before>$table-bg-accent: #f4f4f4;
$novo-row-horizontal-padding: 20px;
$table-header-font-weight: 400;
$breakpoint: 1000px;

cdk-table {
  display: block;
  flex: 1;
  &.expandable {
    width: fit-content;
    min-width: 100%;
  }
  &.empty {
    min-height: 62px;
    max-height: 62px;
  }
  > .novo-data-table-row:nth-of-type(odd) {
    .novo-data-table-cell,
    .novo-data-table-button-cell,
    .novo-data-table-dropdown-cell,
    .novo-data-table-expand-cell,
    .novo-data-table-checkbox-cell {
      background-color: $table-bg-accent;
    }
    &.active {
      .novo-data-table-cell,
      .novo-data-table-button-cell,
      .novo-data-table-dropdown-cell,
      .novo-data-table-expand-cell,
      .novo-data-table-checkbox-cell {
        background-color: rgba($ocean, 0.15);
      }
      + .novo-data-table-detail-row {
        background-color: rgba($ocean, 0.15);
      }
    }
    + .novo-data-table-detail-row {
      background: $table-bg-accent;
    }
  }
  > .novo-data-table-row:nth-of-type(even) {
    .novo-data-table-cell,
    .novo-data-table-button-cell,
    .novo-data-table-dropdown-cell,
    .novo-data-table-expand-cell,
    .novo-data-table-checkbox-cell {
      background-color: $white;
    }
    &.active {
      .novo-data-table-cell,
      .novo-data-table-button-cell,
      .novo-data-table-dropdown-cell,
      .novo-data-table-expand-cell,
      .novo-data-table-checkbox-cell {
        background-color: rgba($ocean, 0.15);
      }
      + .novo-data-table-detail-row {
        background-color: rgba($ocean, 0.15);
      }
    }
    + .novo-data-table-detail-row {
      background: $white;
    }
  }
}

.novo-data-table-row,
.novo-data-table-header-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: $white;
  .novo-data-table-header-cell,
  .novo-data-table-checkbox-header-cell {
    border-bottom: 1px solid $off-white;
  }
  &.expanded {
    i.bhi-next.data-table-icon {
      cursor: pointer;
      transition: all 0.1s;
      &.expanded {<commit_msg>style(data-table): Update scrolling so the header always stays on top<commit_after>$table-bg-accent: #f4f4f4;
$novo-row-horizontal-padding: 20px;
$table-header-font-weight: 400;
$breakpoint: 1000px;

cdk-table {
  display: block;
  flex: 1;
  &.expandable {
    width: fit-content;
    min-width: 100%;
  }
  &.empty {
    min-height: 62px;
    max-height: 62px;
  }
  > .novo-data-table-row:nth-of-type(odd) {
    .novo-data-table-cell,
    .novo-data-table-button-cell,
    .novo-data-table-dropdown-cell,
    .novo-data-table-expand-cell,
    .novo-data-table-checkbox-cell {
      background-color: $table-bg-accent;
    }
    &.active {
      .novo-data-table-cell,
      .novo-data-table-button-cell,
      .novo-data-table-dropdown-cell,
      .novo-data-table-expand-cell,
      .novo-data-table-checkbox-cell {
        background-color: rgba($ocean, 0.15);
      }
      + .novo-data-table-detail-row {
        background-color: rgba($ocean, 0.15);
      }
    }
    + .novo-data-table-detail-row {
      background: $table-bg-accent;
    }
  }
  > .novo-data-table-row:nth-of-type(even) {
    .novo-data-table-cell,
    .novo-data-table-button-cell,
    .novo-data-table-dropdown-cell,
    .novo-data-table-expand-cell,
    .novo-data-table-checkbox-cell {
      background-color: $white;
    }
    &.active {
      .novo-data-table-cell,
      .novo-data-table-button-cell,
      .novo-data-table-dropdown-cell,
      .novo-data-table-expand-cell,
      .novo-data-table-checkbox-cell {
        background-color: rgba($ocean, 0.15);
      }
      + .novo-data-table-detail-row {
        background-color: rgba($ocean, 0.15);
      }
    }
    + .novo-data-table-detail-row {
      background: $white;
    }
  }
}

.novo-data-table-header-row,
.novo-data-table-header-cell {
  position: relative;
  z-index: 1;
}

.novo-data-table-row,
.novo-data-table-header-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: $white;
  .novo-data-table-header-cell,
  .novo-data-table-checkbox-header-cell {
    border-bottom: 1px solid $off-white;
  }
  &.expanded {
    i.bhi-next.data-table-icon {
      cursor: pointer;
      transition: all 0.1s;
      &.expanded {
{'fraction_non_alphanumeric': 0.16764775135389687, 'fraction_numerical': 0.016717683070402636, 'mean_word_length': 2.2304182509505703, 'pattern_counts': {'":': 0, '<': 3, '<?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': '4265891', 'n_tokens_mistral': 1748, 'n_tokens_neox': 1673, 'n_words': 205}