<commit_before>.html-writer-dashboard {
//  @include mq(640) {
//    overflow: hidden;
//    body, & {
//      height: 100%;
//    }
//  }
}

.dashboard-title-container {
  margin-bottom: 1em;
  padding-left: 1em;
}
.dashboard-subtitle {
  font-size: 0.8em;
  color: $grey-15;
  text-transform: uppercase;
  margin-bottom: 0;
}
.dashboard-title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  @include mq(640) {
    text-align: left;
  }
}

.dashboard-overall-stats {
  text-align: center;
  margin-bottom: 1em;
  @include mq(640) {
    text-align: inherit;
    padding-left: 1em;
    padding-right: 1em;
  }
}
.dashboard-stat {
  padding-left: 1em;
  padding-right: 1em;
  display: inline-block;
  text-align: center;
  @include mq(640) {
    padding-left: 0;
    padding-right: 2em;
    margin-right: 2em;
    text-align: left;
  }
  border-right: 1px solid $grey-3;
  &:last-of-type {
    margin-right: 0;
    border-right: none;
  }
}
.dashboard-stat-title {
  display: block;
  font-size: 1em;
  line-height: 1;
}
.dashboard-stat-amount {
  display: block;
  line-height: 1.2;
  font-size: 1.5em;
  font-weight: bold;
  color: $pink;
  @include mq(640) {
    font-size: 2em;
  }
}



.writer-dashboard {
  @include cf;
  position: relative;
}
.writer-dashboard-navigation {
  margin-bottom: 2em;
  @include mq(640) {
    float: left;
    width: 30%;
    margin-bottom: 0;
  }
}

.writer-dashboard-navigation-title {
  height: 60px;
  font-weight: 400;
  line-height: 60px;
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 16px;
//  border-top: 1px solid $grey-3;
  border-bottom: 5px solid $pink;
}

.dashboard-navigation {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dashboard-navigation-item {
  border-bottom: 1px solid $grey-4;
  &.on {
    background: $grey-4;
    cursor: pointer;
    pointer-events: none;
    i {
      display: block;
    }
    a {
      color: $default_text_color;
    }
  }
}
.dashboard-navigation-item-link {
  position: relative;
  display: block;
  line-height: 1.3;
  padding: 16px 77px 16px 16px;
  text-decoration: none;
  &:visited, & {
    color: $grey-1;
  }
  &:hover {
    color: $default_text_color;
    background: $grey-5;
    text-decoration: none;
  }
  i {
    display: none;
    @include vertical-middle-me();
    right: 16px;
  }
}
.dashboard-navigation-item-link-count {
  @include vertical-middle-me();
  width: 45px;
  right: 32px;
  text-align: right;
  font-size: 14px;
}

.writer-dashboard-content-container {
  padding-left: 1em;
  @include mq(640) {
    float: right;
    width: 70%;
  }
}
.writer-dashboard-content-filter-list {<commit_msg>Fix writer dashboard content on mobile<commit_after>.html-writer-dashboard {
//  @include mq(640) {
//    overflow: hidden;
//    body, & {
//      height: 100%;
//    }
//  }
}

.dashboard-title-container {
  margin-bottom: 1em;
  padding-left: 1em;
}
.dashboard-subtitle {
  font-size: 0.8em;
  color: $grey-15;
  text-transform: uppercase;
  margin-bottom: 0;
}
.dashboard-title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  @include mq(640) {
    text-align: left;
  }
}

.dashboard-overall-stats {
  text-align: center;
  margin-bottom: 1em;
  @include mq(640) {
    text-align: inherit;
    padding-left: 1em;
    padding-right: 1em;
  }
}
.dashboard-stat {
  padding-left: 1em;
  padding-right: 1em;
  display: inline-block;
  text-align: center;
  @include mq(640) {
    padding-left: 0;
    padding-right: 2em;
    margin-right: 2em;
    text-align: left;
  }
  border-right: 1px solid $grey-3;
  &:last-of-type {
    margin-right: 0;
    border-right: none;
  }
}
.dashboard-stat-title {
  display: block;
  font-size: 1em;
  line-height: 1;
}
.dashboard-stat-amount {
  display: block;
  line-height: 1.2;
  font-size: 1.5em;
  font-weight: bold;
  color: $pink;
  @include mq(640) {
    font-size: 2em;
  }
}



.writer-dashboard {
  @include cf;
  position: relative;
}
.writer-dashboard-navigation {
  margin-bottom: 2em;
  @include mq(640) {
    float: left;
    width: 30%;
    margin-bottom: 0;
  }
}

.writer-dashboard-navigation-title {
  height: 60px;
  font-weight: 400;
  line-height: 60px;
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 16px;
//  border-top: 1px solid $grey-3;
  border-bottom: 5px solid $pink;
}

.dashboard-navigation {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dashboard-navigation-item {
  border-bottom: 1px solid $grey-4;
  &.on {
    background: $grey-4;
    cursor: pointer;
    pointer-events: none;
    i {
      display: block;
    }
    a {
      color: $default_text_color;
    }
  }
}
.dashboard-navigation-item-link {
  position: relative;
  display: block;
  line-height: 1.3;
  padding: 16px 77px 16px 16px;
  text-decoration: none;
  &:visited, & {
    color: $grey-1;
  }
  &:hover {
    color: $default_text_color;
    background: $grey-5;
    text-decoration: none;
  }
  i {
    display: none;
    @include vertical-middle-me();
    right: 16px;
  }
}
.dashboard-navigation-item-link-count {
  @include vertical-middle-me();
  width: 45px;
  right: 32px;
  text-align: right;
  font-size: 14px;
}

.writer-dashboard-content-container {
  @include mq(640) {
    float: right;
    width: 70%;
    padding-left: 1em;
  }
}
.writer-dashboard-content-filter-list {
{'fraction_non_alphanumeric': 0.1552736224199962, 'fraction_numerical': 0.03673546676765764, 'mean_word_length': 2.6782729805013927, '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': '2546391', 'n_tokens_mistral': 2245, 'n_tokens_neox': 2093, 'n_words': 425}