<commit_before>@import '~styles/settings.scss';

.c-data-analysis-menu {
  width: rem(290px);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  background: $white;
  transition: transform 0.3s linear;
  position: relative;
  z-index: 1;

  &.-relocate {
    transform: translateX(292px);
  }

  &.-big {
    transform: translateX(552px);
  }

  .nav {
    border-bottom: solid 1px $border;
    position: relative;
    z-index: 2;
    height: auto;
  }

  .legend,
  .analysis {
    position: relative;
    overflow-y: scroll;
    display: flex;
    flex: 1;
    max-height: calc(100vh - 70px);
    z-index: 1;
  }

  .analysis-loader {
    z-index: 10;

    &.fetching {
      .spinner {
        margin-top: rem(-30px);
      }
    }
  }

  .cancel-analysis {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba($white, 0.5);
    z-index: 1000;

    .cancel-analysis-btn {
      z-index: 1000;
      background-color: $error;
      width: rem(180px);
      margin-bottom: rem(10px);
      margin-top: rem(50px);
    }

    .refresh-analysis-btn {
      z-index: 1000;
      background-color: $green-gfw;
      width: rem(180px);
      margin-bottom: rem(10px);
    }

    .error-message {
      width: rem(200px);
      text-align: center;
      word-break: break-word;
    }

    &.fetching {
      justify-content: flex-start;
      background-color: transparent;

      .cancel-analysis-btn {
        margin-top: rem(180px);
      }
    }
  }

  .analysis-actions {
    position: absolute;
    bottom: 0;
    left: 0;<commit_msg>fix loader position of cancel analysis<commit_after>@import '~styles/settings.scss';

.c-data-analysis-menu {
  width: rem(290px);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  background: $white;
  transition: transform 0.3s linear;
  position: relative;
  z-index: 1;

  &.-relocate {
    transform: translateX(292px);
  }

  &.-big {
    transform: translateX(552px);
  }

  .nav {
    border-bottom: solid 1px $border;
    position: relative;
    z-index: 2;
    height: auto;
  }

  .legend,
  .analysis {
    position: relative;
    overflow-y: scroll;
    display: flex;
    flex: 1;
    max-height: calc(100vh - 70px);
    z-index: 1;
  }

  .analysis-loader {
    z-index: 10;

    &.fetching {
      .spinner {
        margin-top: rem(-30px);
      }
    }
  }

  .cancel-analysis {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba($white, 0.5);
    z-index: 1000;
    padding-top: rem(30px);

    .cancel-analysis-btn {
      z-index: 1000;
      background-color: $error;
      width: rem(180px);
      margin-bottom: rem(10px);
    }

    .refresh-analysis-btn {
      z-index: 1000;
      background-color: $green-gfw;
      width: rem(180px);
      margin-bottom: rem(10px);
    }

    .error-message {
      width: rem(200px);
      text-align: center;
      word-break: break-word;
    }

    &.fetching {
      justify-content: center;
      padding-top: rem(80px);
      background-color: transparent;
    }
  }

  .analysis-actions {
    position: absolute;
    bottom: 0;
    left: 0;
{'fraction_non_alphanumeric': 0.14328358208955225, 'fraction_numerical': 0.04328358208955224, 'mean_word_length': 2.097042513863216, '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': '7061517', 'n_tokens_mistral': 1342, 'n_tokens_neox': 1194, 'n_words': 261}