<commit_before>.sidebar {
  position: relative;

  overflow: visible;

  width: $sidebar-width;
  height: 100%;

  color: $sidebar-text-color;
  background-color: $dusky-blue;

  &__header {
    user-select: none;
    transition: background $default-transition-duration $default-transition-timing;
    &__user {
      height: $sidebar-header-height;
      padding: 2px 14px;

      .avatar {
        margin: 16px 10px 16px 0;
      }

      &__name {
        font-size: 16px;
        font-weight: 500;
        line-height: 32px;

        overflow-x: hidden;

        margin: 14px 0;

        vertical-align: middle;
        text-overflow: ellipsis;

        color: white;
      }
      .dropdown__button {
        width: 24px;
        height: 24px;
        margin: 18px 0;

        transition: transform $default-transition-duration $default-transition-timing;
        vertical-align: middle;

        color: rgba(255,255,255,.65);
      }
    }

    .dropdown--opened {
      .dropdown__button {
        background-color: transparent !important;
        box-shadow: none !important;
      }
    }
    .dropdown__menu {
      min-width: 230px;
      margin-top: 15px;
      margin-right: -30px;
    }

    &:hover {
      //background-color: rgba($baby-blue,.2);
      background-color: rgba($baby-blue,.12);
    }
    &--clickable {
      cursor: pointer;
    }
    &--opened {
      background-color: rgba($baby-blue,.2) !important;
      .dropdown__button {
        transform: scale(1, -1);

        color: white;

        backface-visibility: hidden;
      }
    }
  }

  &__tabs {
    position: absolute;
    top: $toolbar-height;
    right: 0;
    bottom: 0;
    left: 0;
    .tabs-menu {
      height: $sidebar-tabs-height;
      margin: 0;
      padding: 0;

      list-style: none;

      background-color: $sidebar-header-hover-color;
      .tabs-menu-item {
        float: left;

        width: 50%;
        margin: 0;
        padding: 0;
        a {
          font-size: 14px;
          font-weight: 500;
          line-height: $sidebar-tabs-height;

          display: block;

          cursor: pointer;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;

          color: rgba(255,255,255,.75);
          &:hover {
            color: white;
          }
        }
        &.is-active {
          box-shadow: inset 0 -2px 0 0 white;
          a {
            color: white;
          }
        }
      }
    }

    &__tab-items {
      & > div {
        text-transform: uppercase;
      }
    }
    &__tab-content {
      position: absolute;
      top: 48px;
      bottom: 0;

      width: 100%;
      & > div {
        position: absolute !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }
    }
  }

  &__list {
    font-weight: 500;
    line-height: 24px;

    overflow: auto;

    margin: 0;
    padding: 0;

    list-style: none;
    &__title {
      font-size: 15px;
      font-weight: 500;

      padding-left: 16px;

      text-transform: uppercase;
    }
    &__item {
      font-size: 15px;

      padding: 7px 14px;

      cursor: pointer;

      //opacity: .6;
      //color: rgba(white, .6);
      color: white;
      //transition: color $defaultTransitionDuration $defaultTransitionTiming, font-weight $defaultTransitionDuration $defaultTransitionTiming;
      .avatar {
        margin: 0 10px 0 0;

        vertical-align: top;
      }
      .title {
        overflow: hidden;

        text-overflow: ellipsis;
      }
      .counter {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;

        display: inline-block;

        box-sizing: border-box;
        min-width: 24px;
        height: 24px;
        margin: 0 0 0 2px;
        padding: 0 4px;<commit_msg>fix(web): fix transition on sidebar header dropdown button;<commit_after>.sidebar {
  position: relative;

  overflow: visible;

  width: $sidebar-width;
  height: 100%;

  color: $sidebar-text-color;
  background-color: $dusky-blue;

  &__header {
    user-select: none;
    transition: background $default-transition-duration $default-transition-timing;
    &__user {
      height: $sidebar-header-height;
      padding: 2px 14px;

      .avatar {
        margin: 16px 10px 16px 0;
      }

      &__name {
        font-size: 16px;
        font-weight: 500;
        line-height: 32px;

        overflow-x: hidden;

        margin: 14px 0;

        vertical-align: middle;
        text-overflow: ellipsis;

        color: white;
      }
      .dropdown__button {
        width: 24px;
        height: 24px;
        margin: 18px 0;

        transition: transform $default-transition-duration $default-transition-timing;
        vertical-align: middle;

        color: rgba(255,255,255,.65);
      }
    }

    .dropdown--opened {
      .dropdown__button {
        transition: transform $default-transition-duration $default-transition-timing;

        background-color: transparent !important;
        box-shadow: none !important;
      }
    }
    .dropdown__menu {
      min-width: 230px;
      margin-top: 15px;
      margin-right: -30px;
    }

    &:hover {
      //background-color: rgba($baby-blue,.2);
      background-color: rgba($baby-blue,.12);
    }
    &--clickable {
      cursor: pointer;
    }
    &--opened {
      background-color: rgba($baby-blue,.2) !important;
      .dropdown__button {
        transform: scale(1, -1);

        color: white;

        backface-visibility: hidden;
      }
    }
  }

  &__tabs {
    position: absolute;
    top: $toolbar-height;
    right: 0;
    bottom: 0;
    left: 0;
    .tabs-menu {
      height: $sidebar-tabs-height;
      margin: 0;
      padding: 0;

      list-style: none;

      background-color: $sidebar-header-hover-color;
      .tabs-menu-item {
        float: left;

        width: 50%;
        margin: 0;
        padding: 0;
        a {
          font-size: 14px;
          font-weight: 500;
          line-height: $sidebar-tabs-height;

          display: block;

          cursor: pointer;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;

          color: rgba(255,255,255,.75);
          &:hover {
            color: white;
          }
        }
        &.is-active {
          box-shadow: inset 0 -2px 0 0 white;
          a {
            color: white;
          }
        }
      }
    }

    &__tab-items {
      & > div {
        text-transform: uppercase;
      }
    }
    &__tab-content {
      position: absolute;
      top: 48px;
      bottom: 0;

      width: 100%;
      & > div {
        position: absolute !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }
    }
  }

  &__list {
    font-weight: 500;
    line-height: 24px;

    overflow: auto;

    margin: 0;
    padding: 0;

    list-style: none;
    &__title {
      font-size: 15px;
      font-weight: 500;

      padding-left: 16px;

      text-transform: uppercase;
    }
    &__item {
      font-size: 15px;

      padding: 7px 14px;

      cursor: pointer;
      //opacity: .6;
      //color: rgba(white, .6);

      color: white;
      //transition: color $defaultTransitionDuration $defaultTransitionTiming, font-weight $defaultTransitionDuration $defaultTransitionTiming;
      .avatar {
        margin: 0 10px 0 0;

        vertical-align: top;
      }
      .title {
        overflow: hidden;

        text-overflow: ellipsis;
      }
      .counter {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;

        display: inline-block;

        box-sizing: border-box;
        min-width: 24px;
        height: 24px;
        margin: 0 0 0 2px;
        padding: 0 4px;
{'fraction_non_alphanumeric': 0.11814891416752844, 'fraction_numerical': 0.03516028955532575, 'mean_word_length': 1.5936976198457928, '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': '4657736', 'n_tokens_mistral': 2756, 'n_tokens_neox': 2402, 'n_words': 550}