<commit_before>@import 'bower_components/bootstrap/less/mixins.less';
@import 'bower_components/bootstrap/less/variables.less';
@import 'src/app/styles/_civic-variables.less';
@import 'src/app/styles/_mixins.less';

@tabPaddingH: .5em;
@tabPaddingV: .25em;

.variantMenu {
  .clearfix();
  .fullBleed();
  border-bottom-right-radius: @border-radius-large;
  padding-top: 3px; // get the bottom edges of top .title to align w/ bottom of variant tab header
  padding-bottom: @contentPadding;
  > a.btn {
    margin-top: 1.5 * @contentPadding;
  }

  .show-all {
    text-align: right;
    div { display: inline-block; }
    label {
      font-size: small;
      font-weight: normal !important;
      color: #666;
    }
    label, input {
      cursor: pointer;
    }
  }

  .filter {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .title-bg {
    .fullBleed();
    background-color: @pageBackground3;
    padding: @contentPadding/2;
  }
  .title {
    margin: 0;
    padding: 0;
    margin-left: @contentPadding/2;
  }

  .sub-title {
    font-weight: bold;
    text-decoration: underline;
    padding: @tabPaddingV @tabPaddingH;
  }

  ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: @contentPadding/2;

    li {
      display: inline-block;
      margin-top: @contentPadding/2;
      margin-right: @contentPadding/2;
      .variant-tag {
        display: block;
        text-decoration: none;
        padding: @tabPaddingV @tabPaddingH;
        border-radius: @border-radius-base;
        background-color: @pageBackground;
        border: 1px solid @pageBackground3;

        &:hover, &.active {
          border-color: @civicPurple;
          .variant-name {
            color: @civicPurple;
          }
        }
        .pending-alert {

        }
        .pending-alert.variant {
          color: lighten(@civicPurple, 30%) !important;
        }
        .pending-alert.evidence {
          color: #F3BC94;
        }
        .pending-alert.both {
          color: @civicRed !important;
        }
        &.active {
          .variant-name {
            font-weight: bold;
          }
        }

        &.statusRejected {
          background-color: #ECA2C0 !important;
          color: #47161C !important;
          border-color: #47161C !important;
        }
<commit_msg>different highlight strategy on variant menu tags to prevent re-wrap on click<commit_after>@import 'bower_components/bootstrap/less/mixins.less';
@import 'bower_components/bootstrap/less/variables.less';
@import 'src/app/styles/_civic-variables.less';
@import 'src/app/styles/_mixins.less';

@tabPaddingH: .5em;
@tabPaddingV: .25em;

.variantMenu {
  .clearfix();
  .fullBleed();
  border-bottom-right-radius: @border-radius-large;
  padding-top: 3px; // get the bottom edges of top .title to align w/ bottom of variant tab header
  padding-bottom: @contentPadding;
  > a.btn {
    margin-top: 1.5 * @contentPadding;
  }

  .show-all {
    text-align: right;
    div { display: inline-block; }
    label {
      font-size: small;
      font-weight: normal !important;
      color: #666;
    }
    label, input {
      cursor: pointer;
    }
  }

  .filter {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .title-bg {
    .fullBleed();
    background-color: @pageBackground3;
    padding: @contentPadding/2;
  }
  .title {
    margin: 0;
    padding: 0;
    margin-left: @contentPadding/2;
  }

  .sub-title {
    font-weight: bold;
    text-decoration: underline;
    padding: @tabPaddingV @tabPaddingH;
  }

  ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: @contentPadding/2;

    li {
      display: inline-block;
      margin-top: @contentPadding/2;
      margin-right: @contentPadding/2;
      .variant-tag {
        display: block;
        text-decoration: none;
        padding: @tabPaddingV @tabPaddingH;
        border-radius: @border-radius-base;
        background-color: @pageBackground;
        border: 1px solid @pageBackground3;

        &:hover, &.active {
          border-color: @civicPurple;
          .variant-name {
            color: @civicPurple;
          }
        }
        .pending-alert {

        }
        .pending-alert.variant {
          color: lighten(@civicPurple, 30%) !important;
        }
        .pending-alert.evidence {
          color: #F3BC94;
        }
        .pending-alert.both {
          color: @civicRed !important;
        }
        &.active {
          background-color: lighten(@civicPurple, 70%);
          .variant-name {
            // font-weight: bold;
          }
        }

        &.statusRejected {
          background-color: #ECA2C0 !important;
          color: #47161C !important;
          border-color: #47161C !important;
        }

{'fraction_non_alphanumeric': 0.12713082768535633, 'fraction_numerical': 0.019716574245224893, 'mean_word_length': 2.032378580323786, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '4327339', 'n_tokens_mistral': 1689, 'n_tokens_neox': 1601, 'n_words': 328}