<commit_before>@import '../../styles/mixins';

.home-tabs-bar {
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  color: #aaa;
  background-color: #222;
  white-space: nowrap;
  &.has-sub-tabs {
    height: 80px;
  }

  .main-tabs {
    height: 44px;
    border-bottom: 1px solid #000;
    overflow-x: auto;
    overflow-y: hidden;
    &::-webkit-scrollbar {
      height: 3px;
      background-color: rgba(0, 0, 0, 0.7);
    }
    &::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, 0.2);
    }
  }
  span.tab {
    position: relative;
    display: inline-block;
    background-color: #333;
    outline: none;
    padding: 0 30px 0 10px;
    border-left: 1px solid #1a1a1a;
    border-right: 1px solid #1a1a1a;
    margin-left: -1px;
    cursor: pointer;
    user-select: none;

    .common-svg-icon {
      width: 14px;
      height: 14px;
      margin-right: 5px;
      transform: translateY(2px);
    }
    label {
      cursor: pointer;
    }

    &.is-dragging {
      background-color: #2a2a2a;
      border-right-color: rgba(0, 0, 0, 0);
    }

    &.is-temp {
      font-style: italic;
    }

    .anticon-close,
    .anticon-dot {
      position: absolute;
      font-weight: bold;
      font-size: 13px;
      top: 17px;
      right: 3px;
      visibility: hidden;
      color: #ddd;
    }
    &:hover .anticon-close {
      visibility: visible;
    }

    &.is-active {
      color: #eee;
      background-color: #1a1a1a;
      .anticon-close {
        visibility: visible;
      }
    }

    .anticon {
      min-width: 12px;
      font-size: 12px;
      margin-right: 6px;
    }

    .anticon-appstore-o {
      color: #f08036;
    }

    .anticon-notification {
      color: #ec407a;
    }

    .anticon-home {
      color: #33cdff;
      font-size: 14px;
    }
    .anticon-share-alt {
      color: #26a69a;
    }
    .anticon-check-circle-o {
      color: #8bc34a;
    }
    .anticon-pie-chart {
      color: #fdd835;
    }
    .anticon-play-circle-o {
      color: #66bb6a;
    }
    .anticon-profile {
      color: #33cdff;
    }
    .anticon-dot {
      visibility: visible;
      &::before {
        content: ' ';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #aaa;
      }
    }
    &.is-changed {
      //   background: red;
      .anticon-close {
        visibility: visible;
        &::before {
          content: ' ';
          display: inline-block;
          width: 10px;
          height: 10px;
          border-radius: 5px;
          background-color: #aaa;
        }

        &:hover::before {
          content: '\E633';
          display: inline-block;
          width: 10px;
          height: 10px;
          border-radius: 0px;
          background-color: transparent;
        }
      }
    }
  }

  .sub-tabs {
    position: relative;
    left: 0;
    height: 36px;
    background-color: #222;
    border-bottom: 1px solid #000;
  }

  span.sub-tab {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    margin: 0;
    margin-left: 20px;
    top: -5px;
    outline: none;
    line-height: 36px;
    color: #ddd;<commit_msg>Fix close icon style on tab.<commit_after>@import '../../styles/mixins';

.home-tabs-bar {
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  color: #aaa;
  background-color: #222;
  white-space: nowrap;
  &.has-sub-tabs {
    height: 80px;
  }

  .main-tabs {
    height: 44px;
    border-bottom: 1px solid #000;
    overflow-x: auto;
    overflow-y: hidden;
    &::-webkit-scrollbar {
      height: 3px;
      background-color: rgba(0, 0, 0, 0.7);
    }
    &::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, 0.2);
    }
  }
  span.tab {
    position: relative;
    display: inline-block;
    background-color: #333;
    outline: none;
    padding: 0 30px 0 10px;
    border-left: 1px solid #1a1a1a;
    border-right: 1px solid #1a1a1a;
    margin-left: -1px;
    cursor: pointer;
    user-select: none;

    .common-svg-icon {
      width: 14px;
      height: 14px;
      margin-right: 5px;
      transform: translateY(2px);
    }
    label {
      cursor: pointer;
    }

    &.is-dragging {
      background-color: #2a2a2a;
      border-right-color: rgba(0, 0, 0, 0);
    }

    &.is-temp {
      font-style: italic;
    }

    .anticon-close,
    .anticon-dot {
      position: absolute;
      font-weight: bold;
      font-size: 13px;
      top: 17px;
      right: 3px;
      visibility: hidden;
      color: #ddd;
    }
    &:hover .anticon-close {
      visibility: visible;
    }

    &.is-active {
      color: #eee;
      background-color: #1a1a1a;
      .anticon-close {
        visibility: visible;
      }
    }

    .anticon {
      min-width: 12px;
      font-size: 12px;
      margin-right: 6px;
    }

    .anticon-appstore-o {
      color: #f08036;
    }

    .anticon-notification {
      color: #ec407a;
    }

    .anticon-home {
      color: #33cdff;
      font-size: 14px;
    }
    .anticon-share-alt {
      color: #26a69a;
    }
    .anticon-check-circle-o {
      color: #8bc34a;
    }
    .anticon-pie-chart {
      color: #fdd835;
    }
    .anticon-play-circle-o {
      color: #66bb6a;
    }
    .anticon-profile {
      color: #33cdff;
    }
    .anticon-dot {
      visibility: visible;
      &::before {
        content: ' ';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #aaa;
      }
    }
    &.is-changed {
      //   background: red;
      .anticon-close {
        visibility: visible;
        &::before {
          content: ' ';
          display: inline-block;
          width: 10px;
          height: 10px;
          border-radius: 5px;
          background-color: #aaa;
        }
        svg {
          display: none;
        }

        &:hover::before {
          display: none;
        }
        &:hover svg {
          display: inline-block;
        }
      }
    }
  }

  .sub-tabs {
    position: relative;
    left: 0;
    height: 36px;
    background-color: #222;
    border-bottom: 1px solid #000;
  }

  span.sub-tab {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    margin: 0;
    margin-left: 20px;
    top: -5px;
    outline: none;
    line-height: 36px;
    color: #ddd;
{'fraction_non_alphanumeric': 0.13641364136413642, 'fraction_numerical': 0.042747131856042744, 'mean_word_length': 1.63301613570542, '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': '3309531', 'n_tokens_mistral': 2539, 'n_tokens_neox': 2301, 'n_words': 469}