<commit_before>[class*="ls-custom-"]
  position: relative
  display: inline-block

  select, input[type="radio"], input[type="checkbox"]
    opacity: 0

  select
    left: 0
    top: 7px

  .ls-field-custom-checkbox,
  .ls-field-custom-radio
    width: 30px
    height: 30px
    outline: 1px solid red
    display: inline-block
    margin: 1px

// input:checked ~ [class*="ls-field-custom"]

.ls-custom-select-one
  position: relative
  width: 100%

  .ls-field-custom-select-one
    position: absolute
    top: 0
    left: 0
    height: $inputHeight
    width: 100%
    display: inline-block
    padding: 0 10px
    border: 1px solid $gray2
    border-radius: 3px
    background-color: #fff
    color: $gray4
    line-height: $inputHeight
    font-size: .8rem

    &:before
      +arrow-down($gray4, $inputHeight/6)
      position: absolute
      top: calc( (#{$inputHeight}/2) - (#{$inputHeight}/8))
      right: $inputHeight/4
      z-index: 1

[data-ls-module="customFields"]
  height: 37px

  select
    // +appearance(none)
    // display: block
    // height: 100%
    width: 100%
    // line-height: $inputHeight
    // border: none
    position: relative
    z-index: 1

<commit_msg>fixing the click in arrow of custom selects<commit_after>[class*="ls-custom-"]
  position: relative
  display: inline-block

  select, input[type="radio"], input[type="checkbox"]
    opacity: 0

  select
    left: 0
    top: 7px

  .ls-field-custom-checkbox,
  .ls-field-custom-radio
    width: 30px
    height: 30px
    outline: 1px solid red
    display: inline-block
    margin: 1px

// input:checked ~ [class*="ls-field-custom"]

.ls-custom-select-one
  position: relative
  width: 100%
  height: 100%

  .ls-field-custom-select-one
    position: absolute
    top: 0
    left: 0
    height: $inputHeight
    width: 100%
    display: inline-block
    padding: 0 10px
    border: 1px solid $gray2
    border-radius: 3px
    background-color: #fff
    color: $gray4
    line-height: $inputHeight
    font-size: .8rem

    &:before
      +arrow-down($gray4, $inputHeight/6)
      position: absolute
      top: calc( (#{$inputHeight}/2) - (#{$inputHeight}/8))
      right: $inputHeight/4
      z-index: 0

[data-ls-module="customFields"]
  height: 37px

  select
    // +appearance(none)
    // display: block
    // height: 100%
    width: 100%
    // line-height: $inputHeight
    // border: none
    position: relative
    z-index: 1


{'fraction_non_alphanumeric': 0.13256484149855907, 'fraction_numerical': 0.03417044051049815, 'mean_word_length': 2.5115606936416186, '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': '6540331', 'n_tokens_mistral': 905, 'n_tokens_neox': 819, 'n_words': 205}