<commit_before>@import './_variables.scss';

.day {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  min-height: $timetable-row-height;
  border-bottom: $timetable-border;

  &:first-child {
    > .dayName {
      border-top-left-radius: $btn-border-radius;
    }
  }

  &:last-child {
    border-bottom: 0;

    > .dayName {
      border-bottom-left-radius: $btn-border-radius;
    }
  }

  @include vertical-mode {
    flex-direction: column;
    border-bottom: 0;
    border-left: $timetable-border;

    &:first-child {
      border-left: 0;
    }
  }
}

.dayName {
  position: sticky;
  left: 0;
  z-index: $timetable-day-z-index;
  display: flex;
  flex: 0 0 $timetable-day-h-size;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: $font-size-s;
  text-transform: uppercase;
  border: $timetable-border;
  border-width: 0 1px;
  background: var(--body-bg);

  @include media-breakpoint-down(sm) {
    flex: 0 0 $timetable-day-h-size-sm;
    overflow: hidden;

    .dayNameText {
      // On small screens, display the day names vertically
      width: 0.6rem;
      font-size: $font-size-s;
      line-height: 1.1;
      word-break: break-all;
    }
  }

  @include vertical-mode {
    z-index: auto; // Reset z-index to prevent modules from clipping header
    flex: 0 0 $timetable-day-v-size;
    border: 0;

    .dayNameText {
      width: auto;
      writing-mode: horizontal-tb;
    }
  }
}

.dayRows {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  min-height: $timetable-row-height;
  padding-bottom: 0.3rem;
  background: linear-gradient(to right, var(--gray-lightest) 50%, transparent 50%);

  @include vertical-mode {
    flex-direction: row;
    padding: 0 0.1rem 0 0;
    background: linear-gradient(to bottom, var(--gray-lightest) 50%, transparent 50%);
  }
}

.currentDay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(#777, 0.15);<commit_msg>Prevent cells from misaligning when titles are displayed (#746)<commit_after>@import './_variables.scss';

.day {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  min-height: $timetable-row-height;
  border-bottom: $timetable-border;

  &:first-child {
    > .dayName {
      border-top-left-radius: $btn-border-radius;
    }
  }

  &:last-child {
    border-bottom: 0;

    > .dayName {
      border-bottom-left-radius: $btn-border-radius;
    }
  }

  @include vertical-mode {
    flex-direction: column;
    border-bottom: 0;
    border-left: $timetable-border;

    &:first-child {
      border-left: 0;
    }
  }
}

.dayName {
  position: sticky;
  left: 0;
  z-index: $timetable-day-z-index;
  display: flex;
  flex: 0 0 $timetable-day-h-size;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: $font-size-s;
  text-transform: uppercase;
  border: $timetable-border;
  border-width: 0 1px;
  background: var(--body-bg);

  @include media-breakpoint-down(sm) {
    flex: 0 0 $timetable-day-h-size-sm;
    overflow: hidden;

    .dayNameText {
      // On small screens, display the day names vertically
      width: 0.6rem;
      font-size: $font-size-s;
      line-height: 1.1;
      word-break: break-all;
    }
  }

  @include vertical-mode {
    z-index: auto; // Reset z-index to prevent modules from clipping header
    flex: 0 0 $timetable-day-v-size;
    border: 0;

    .dayNameText {
      width: auto;
      writing-mode: horizontal-tb;
    }
  }
}

.dayRows {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: $timetable-row-height;
  padding-bottom: 0.3rem;
  background: linear-gradient(to right, var(--gray-lightest) 50%, transparent 50%);

  @include vertical-mode {
    flex-direction: row;
    padding: 0 0.1rem 0 0;
    background: linear-gradient(to bottom, var(--gray-lightest) 50%, transparent 50%);
  }
}

.currentDay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(#777, 0.15);
{'fraction_non_alphanumeric': 0.14445549477871705, 'fraction_numerical': 0.025111884634510195, 'mean_word_length': 2.6606005459508646, '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': '7548685', 'n_tokens_mistral': 1595, 'n_tokens_neox': 1453, 'n_words': 339}