<commit_before>@import "clearfix";

body {
  margin: 0;
  font-size: 15px;
}
p {
  margin: 0;
}
ul {
  padding: 0;
  margin: 0;
}

#slack-log-viewer {
  @width: 220px;
  .clearfix;
  .slack-channels {
    float: left;
    background: rgb(69, 55, 68);
    color: rgb(171, 155, 169);
    width: @width;
    height: calc(~'100% - 40px');
    padding: 20px 0;
    overflow: scroll;
    li {
      text-shadow: 0 1px 1px rgba(0,0,0,0.25);
      cursor: pointer;
      &:hover {
        background: #3e313c;
      }
      &.selected {
        background: rgb(76, 150, 137);
        color: white;
      }
      p {
        line-height: 1.5rem;
        padding: 0 .5rem 0 1rem;
        font-size: 1rem;
      }
    }
  }
  .slack-messages {
    float: left;
    width: calc(~'100% - @{width}');
    height: 100%;
    overflow: scroll;
    .slack-message {
      .clearfix;
      margin: 10px;
      .slack-message-member-image {
        float: left;
        margin: 0 16px 0 0;
        img {
          border-radius: 5px;
        }
      }
      .slack-message-content {
        .slack-message-member-name {
          display: inline-block;
          color: rgb(61, 60, 64);
          font-weight: 900;
          padding-right: .25rem;
        }
        .slack-message-date {
          display: inline-block;
          color: #babbbf;
          font-size: 12px;
        }<commit_msg>use overflow:auto to show scrollbar<commit_after>@import "clearfix";

body {
  margin: 0;
  font-size: 15px;
}
p {
  margin: 0;
}
ul {
  padding: 0;
  margin: 0;
}

#slack-log-viewer {
  @width: 220px;
  .clearfix;
  .slack-channels {
    float: left;
    background: rgb(69, 55, 68);
    color: rgb(171, 155, 169);
    width: @width;
    height: calc(~'100% - 40px');
    padding: 20px 0;
    overflow: auto;
    li {
      text-shadow: 0 1px 1px rgba(0,0,0,0.25);
      cursor: pointer;
      &:hover {
        background: #3e313c;
      }
      &.selected {
        background: rgb(76, 150, 137);
        color: white;
      }
      p {
        line-height: 1.5rem;
        padding: 0 .5rem 0 1rem;
        font-size: 1rem;
      }
    }
  }
  .slack-messages {
    float: left;
    width: calc(~'100% - @{width}');
    height: 100%;
    overflow: auto;
    .slack-message {
      .clearfix;
      margin: 10px;
      .slack-message-member-image {
        float: left;
        margin: 0 16px 0 0;
        img {
          border-radius: 5px;
        }
      }
      .slack-message-content {
        .slack-message-member-name {
          display: inline-block;
          color: rgb(61, 60, 64);
          font-weight: 900;
          padding-right: .25rem;
        }
        .slack-message-date {
          display: inline-block;
          color: #babbbf;
          font-size: 12px;
        }
{'fraction_non_alphanumeric': 0.141257225433526, 'fraction_numerical': 0.06286127167630058, 'mean_word_length': 1.6, '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': '6402439', 'n_tokens_mistral': 1156, 'n_tokens_neox': 1000, 'n_words': 228}