<commit_before>@import 'won-config';

$verticalPadding: .2rem;
$horizontalPadding: .5rem;
$minHeight: $iconSize + $verticalPadding * 2;

%typeselect {
  cursor: default;
  list-style: none;
  border: $thinBorderWidth solid $won-line-gray;
  background-color: white;
  min-height: $formInputHeight;
  box-sizing: border-box;

  & .ts__option, & .ts__option--selected {
    padding: $verticalPadding $horizontalPadding;
    min-height: $minHeight;
	margin: 0 0.5rem;
	&:first { margin-top: 0.5rem; }
	&:last { margin-bottom: 0.5rem; }
    position: relative; // so the help-boxes can be placed absolutely

    @include flex-row-spaced;

    &:hover, &:focus { background-color: $won-light-gray; }
    &:active { background-color: darken($won-light-gray, 10%) }

    .ts__option__carret {
      @include carretSized;
    }

    .ts__option__help {
      //display: none;

      background-color: $won-helpbox-yellow;

      @extend %vcenter--absolute;
      left: 100%;

      border: $thinBorderWidth solid $won-line-gray;

      width: 20rem;
      padding: 1rem;
      //@include fixed-width(20rem);
      //min-width: 20rem;
    }
  }

  .ts__option--selected .ts__option__help-btn {<commit_msg>Fix need dropdown size<commit_after>@import 'won-config';

$verticalPadding: .2rem;
$horizontalPadding: .5rem;
$minHeight: $iconSize + $verticalPadding * 2;

%typeselect {
  cursor: default;
  list-style: none;
  border: $thinBorderWidth solid $won-line-gray;
  background-color: white;
  min-height: $formInputHeight;
  box-sizing: border-box;

  & .ts__option, & .ts__option--selected {
    padding: $verticalPadding $horizontalPadding;
    min-height: $minHeight;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	&:first-of-type { margin-top: 0.5rem; }
	&:last-of-type { margin-bottom: 0.5rem; }
    position: relative; // so the help-boxes can be placed absolutely

    @include flex-row-spaced;

    &:hover, &:focus { background-color: $won-light-gray; }
    &:active { background-color: darken($won-light-gray, 10%) }

    .ts__option__carret {
      @include carretSized;
    }

    .ts__option__help {
      //display: none;

      background-color: $won-helpbox-yellow;

      @extend %vcenter--absolute;
      left: 100%;

      border: $thinBorderWidth solid $won-line-gray;

      width: 20rem;
      padding: 1rem;
      //@include fixed-width(20rem);
      //min-width: 20rem;
    }
  }

  .ts__option--selected .ts__option__help-btn {
{'fraction_non_alphanumeric': 0.14449447400736798, 'fraction_numerical': 0.018419975440032748, 'mean_word_length': 3.0938023450586263, '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': '938148', 'n_tokens_mistral': 899, 'n_tokens_neox': 841, 'n_words': 176}