<commit_before>@import "../../style/themes/default";
@import "../../style/mixins/index";

@table-prefix-cls: ~"@{ant-prefix}-table";
@table-header-icon-color: #bfbfbf;

.@{table-prefix-cls}-wrapper {
  .clearfix;
}

.@{table-prefix-cls} {
  .reset-component;
  position: relative;
  clear: both;

  &-body {
    transition: opacity .3s;
  }

  &-empty &-body {
    overflow: auto !important;
  }

  table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    border-radius: @border-radius-base @border-radius-base 0 0;
  }

  &-thead > tr > th {
    background: @table-header-bg;
    transition: background .3s ease;
    text-align: left;
    color: @table-header-color;
    font-weight: 500;
    border-bottom: @border-width-base @border-style-base @border-color-split;

    &[colspan] {
      text-align: center;
    }

    .@{iconfont-css-prefix}-filter,
    .@{table-prefix-cls}-filter-icon {
      font-size: @font-size-sm;
      cursor: pointer;
      color: @table-header-icon-color;
      transition: all .3s;
      width: 28px;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      text-align: center;

      > svg {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -@font-size-sm / 2 + 1px;
        margin-left: -@font-size-sm / 2;
      }
    }

    .@{table-prefix-cls}-filter-selected.@{iconfont-css-prefix}-filter {
      color: @primary-color;
    }

    .@{table-prefix-cls}-column-sorter {
      position: absolute;
      right: 6px;
      top: 50%;
      width: 14px;
      height: @font-size-lg + 1px;
      margin-top: -(@font-size-lg + 1px) / 2;
      text-align: center;
      color: @table-header-icon-color;
      transition: all .3s;

      &-up,
      &-down {
        .iconfont-size-under-12px(11px);
        line-height: 4px;
        height: 4px;
        transition: all .3s;
        display: block;
        &.on {
          color: @primary-color;
        }
      }

      &-down {
        margin-top: 4px;
      }
    }

    &.@{table-prefix-cls}-column-has-actions {
      position: relative;

      &.@{table-prefix-cls}-column-has-filters {
        .@{iconfont-css-prefix}-filter,
        .@{table-prefix-cls}-filter-icon {
          &.@{table-prefix-cls}-filter-open {
            color: @text-color-secondary;
            background: #ebebeb;
          }
        }
        // Very complicated styles logic but neccessary
        &:hover {
          .@{iconfont-css-prefix}-filter,
          .@{table-prefix-cls}-filter-icon {
            &:hover {
              color: @text-color-secondary;
              background: #ebebeb;
            }
            &:active {
              color: @text-color;
            }
          }
        }
      }

      &.@{table-prefix-cls}-column-has-sorters {
        cursor: pointer;
        &:hover {
          background: #f5f5f5;
          .@{iconfont-css-prefix}-filter,
          .@{table-prefix-cls}-filter-icon {
            background: #f5f5f5;
          }
        }
        &:active {
          .@{table-prefix-cls}-column-sorter-up:not(.on),
          .@{table-prefix-cls}-column-sorter-down:not(.on) {
            color: @text-color-secondary;
          }
        }
      }
    }

    .@{table-prefix-cls}-column-sorters {<commit_msg>Fix Table sort style of right-aligned column<commit_after>@import "../../style/themes/default";
@import "../../style/mixins/index";

@table-prefix-cls: ~"@{ant-prefix}-table";
@table-header-icon-color: #bfbfbf;

.@{table-prefix-cls}-wrapper {
  .clearfix;
}

.@{table-prefix-cls} {
  .reset-component;
  position: relative;
  clear: both;

  &-body {
    transition: opacity .3s;
  }

  &-empty &-body {
    overflow: auto !important;
  }

  table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    border-radius: @border-radius-base @border-radius-base 0 0;
  }

  &-thead > tr > th {
    background: @table-header-bg;
    transition: background .3s ease;
    text-align: left;
    color: @table-header-color;
    font-weight: 500;
    border-bottom: @border-width-base @border-style-base @border-color-split;

    &[colspan] {
      text-align: center;
    }

    .@{iconfont-css-prefix}-filter,
    .@{table-prefix-cls}-filter-icon {
      font-size: @font-size-sm;
      cursor: pointer;
      color: @table-header-icon-color;
      transition: all .3s;
      width: 28px;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      text-align: center;

      > svg {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -@font-size-sm / 2 + 1px;
        margin-left: -@font-size-sm / 2;
      }
    }

    .@{table-prefix-cls}-filter-selected.@{iconfont-css-prefix}-filter {
      color: @primary-color;
    }

    .@{table-prefix-cls}-column-sorter {
      position: absolute;
      right: 6px;
      top: 50%;
      width: 14px;
      height: @font-size-lg + 1px;
      margin-top: -(@font-size-lg + 1px) / 2;
      text-align: center;
      color: @table-header-icon-color;
      transition: all .3s;

      &-up,
      &-down {
        .iconfont-size-under-12px(11px);
        line-height: 4px;
        height: 4px;
        transition: all .3s;
        display: block;
        &.on {
          color: @primary-color;
        }
      }

      &-down {
        margin-top: 4px;
      }
    }

    &.@{table-prefix-cls}-column-has-actions {
      position: relative;

      &.@{table-prefix-cls}-column-has-filters {
        .@{iconfont-css-prefix}-filter,
        .@{table-prefix-cls}-filter-icon {
          &.@{table-prefix-cls}-filter-open {
            color: @text-color-secondary;
            background: #ebebeb;
          }
        }
        // Very complicated styles logic but neccessary
        &:hover {
          .@{iconfont-css-prefix}-filter,
          .@{table-prefix-cls}-filter-icon {
            &:hover {
              color: @text-color-secondary;
              background: #ebebeb;
            }
            &:active {
              color: @text-color;
            }
          }
        }
      }

      &.@{table-prefix-cls}-column-has-sorters {
        cursor: pointer;
        &:hover {
          background: #f5f5f5;
          .@{iconfont-css-prefix}-filter,
          .@{table-prefix-cls}-filter-icon {
            background: #f5f5f5;
          }
        }
        &:active {
          .@{table-prefix-cls}-column-sorter-up:not(.on),
          .@{table-prefix-cls}-column-sorter-down:not(.on) {
            color: @text-color-secondary;
          }
        }
      }

      &.@{table-prefix-cls}-align-right {
        padding-right: 30px;

        &.@{table-prefix-cls}-column-has-sorters.@{table-prefix-cls}-column-has-filters {
          padding-right: 54px;
        }
      }
    }

    .@{table-prefix-cls}-column-sorters {
{'fraction_non_alphanumeric': 0.1615733294341278, 'fraction_numerical': 0.014622020763269484, 'mean_word_length': 1.6583754372328021, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '5900365', 'n_tokens_mistral': 2389, 'n_tokens_neox': 2268, 'n_words': 380}