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

$dd-button-height: rem(28px);

.theme-dropdown-button {
  text-align: center;

  .container {
    max-width: rem(85px);

    .selector {
      border-radius: rem(25px);
      border-color: $green-gfw;
      height: $dd-button-height;

      .value {
        padding: 0;
      }
    }

    &.is-open {
      .menu-arrow {
        position: absolute;
        width: 0;
        height: 0;
        margin: 0 9px;
        border-bottom: 7px solid #fff;
        border-left: 7px solid transparent;
        border-left-color: #fff;
        border-right: none;
        transform-origin: 0 0;
        transform: rotate(-45deg);
        top: calc(#{$dd-button-height} + 6px);
        left: calc(50% - 14px);
        border-bottom-color: #fff;
        box-shadow: 1px -2px 3px 0 rgba(85, 85, 85, 0.1);
        z-index: 3;
      }
    }

    .menu {
      top: calc(#{$dd-button-height} + 5);
      border: 0;
      box-shadow: 1px 1px 10px 0 rgba(85, 85, 85, 0.25);
    }
  }

  .arrow {
    display: none;
  }<commit_msg>fix for dropdown button styles<commit_after>@import '~styles/settings.scss';

$dd-button-height: rem(28px);

.theme-dropdown-button {
  text-align: center;

  .container {
    max-width: rem(85px);

    .selector {
      border-radius: rem(25px);
      border-color: $green-gfw;
      height: $dd-button-height;

      .value {
        padding: 0;
      }
    }

    &.is-open {
      .menu-arrow {
        position: absolute;
        width: 0;
        height: 0;
        margin: 0 9px;
        border-bottom: 7px solid #fff;
        border-left: 7px solid transparent;
        border-left-color: #fff;
        border-right: none;
        transform-origin: 0 0;
        transform: rotate(-45deg);
        top: calc(#{$dd-button-height} + 6px);
        left: calc(50% - 14px);
        border-bottom-color: #fff;
        box-shadow: 1px -2px 3px 0 rgba(85, 85, 85, 0.1);
        z-index: 3;
      }
    }

    .menu {
      top: calc(#{$dd-button-height} + 5px);
      border: 0;
      box-shadow: 1px 1px 10px 0 rgba(85, 85, 85, 0.25);
    }
  }

  .arrow {
    display: none;
  }
{'fraction_non_alphanumeric': 0.1496026180458158, 'fraction_numerical': 0.047685834502103785, 'mean_word_length': 1.775616083009079, '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': '1692332', 'n_tokens_mistral': 863, 'n_tokens_neox': 754, 'n_words': 174}