<commit_before>$survey-task-pill-button
  border: 1px solid rgba(gray, 0.5)
  border-radius: 0
  padding: 0 0.4em

.survey-identification-proxy
  position: relative
  background: HIGHLIGHT
  border-radius: 3px
  color: white
  display: inline-block
  font-size: 12px
  font-weight: bold
  padding: 0.25em 0.75em

.survey-identification-remove
  @extends $reset-button
  border-radius: 50%
  box-shadow:
    0.5px 1px 0 rgba(black, 0.3) inset,
    0.5px 1px 0 rgba(white, 0.5)
  height: 1em
  line-height: 1
  width: 1em

.survey-task-chooser
  font-size: 12px

// Temporary until the survey filters can be redone according to new design
.survey-task-chooser__divider
  color: #A6A7A9;
  margin: 5px 0

.survey-task-chooser-characteristics
  display: flex
  flex-wrap: wrap

  > *
    flex-grow: 1
    margin: 0 2px 2px 0

  .modal-form-trigger
    @extends $reset-button
    background-color: BACKGROUND_COLOR
    color: black
    cursor: pointer
    height: 25px
    margin-bottom: 1px
    margin-right: 1px
    min-width: 60px
    text-transform: capitalize

    &:hover, &:focus
      background-color: #f6f6f6

    &[aria-expanded="true"]
      background-color:#f6f6f6

.survey-task-chooser-characteristic
  display: block

.survey-task-chooser-characteristic-menu
  .modal-form
    background-color: #dddddd
    border-radius: 0
    padding: 0

  .modal-form-pointer
    background-color: #dddddd

  .survey-task-chooser-characteristic-menu-container
    display: flex
    flex-wrap: wrap
    padding: 0.4em

  .survey-task-chooser-characteristic-clear-button
    @extends $reset-button
    background-color: transparent
    font-size: 0.8em
    height: 48px
    width: 48px

.survey-task-chooser-characteristic-value
  @extends $reset-button
  background-color: #c1c1c1
  cursor: pointer
  font-size: 0.8em
  height: 48px
  margin: 0 0.2em 0.75em 0
  width: 48px

  &:disabled
    opacity: 1

  &[data-selected="true"]
    background-color: #a4a4a4

.survey-task-chooser-characteristic-value-label
  background-color: #a4a4a4
  color: white
  font-size: 0.8em
  font-weight: 700
  line-height: 30px
  text-align: center
  text-transform: capitalize
  width: 100%

.survey-task-chooser-characteristic-value-icon
  border-radius: 3px
  display: block
  margin: 0 auto
  max-height: 3em

.survey-task-chooser-choices
  background: white
  display: flex
  flex-wrap: wrap

  &[data-columns="3"] > *
    flex-basis: calc(33.33% - 2px)

  &[data-columns="2"] > *
    flex-basis: calc(50% - 2px)

  &[data-columns="1"] > *
    flex-basis: calc(100% - 2px)

  &[data-columns="1"]
    .survey-task-chooser-choice-button:not(:first-of-type)
      border-top: 1px solid BACKGROUND_COLOR

  &[data-columns="2"]
    .survey-task-chooser-choice-button
      &:nth-of-type(odd)
        border-right: 1px solid BACKGROUND_COLOR
      &:not(:nth-of-type(1)):not(:nth-of-type(2))
        border-top: 1px solid BACKGROUND_COLOR

  &[data-columns="3"]
    .survey-task-chooser-choice-button
      &:nth-of-type(3n+1) // first column in a 3 column layout
        border-right: 1px solid BACKGROUND_COLOR

      &:nth-of-type(3n+2):not(:nth-of-type(2)) // second column in a 3 column layout
        border-top: 1px solid BACKGROUND_COLOR

      &:nth-of-type(3n+3) // third column in a 3 column layout
        border-left: 1px solid BACKGROUND_COLOR
<commit_msg>A temporary fix for the overflowing survey task choice (#4598)<commit_after>$survey-task-pill-button
  border: 1px solid rgba(gray, 0.5)
  border-radius: 0
  padding: 0 0.4em

.survey-identification-proxy
  position: relative
  background: HIGHLIGHT
  border-radius: 3px
  color: white
  display: inline-block
  font-size: 12px
  font-weight: bold
  padding: 0.25em 0.75em

.survey-identification-remove
  @extends $reset-button
  border-radius: 50%
  box-shadow:
    0.5px 1px 0 rgba(black, 0.3) inset,
    0.5px 1px 0 rgba(white, 0.5)
  height: 1em
  line-height: 1
  width: 1em

.survey-task-chooser
  font-size: 12px

// Temporary until the survey filters can be redone according to new design
.survey-task-chooser__divider
  color: #A6A7A9;
  margin: 5px 0

.survey-task-chooser-characteristics
  display: flex
  flex-wrap: wrap

  > *
    flex-grow: 1
    margin: 0 2px 2px 0

  .modal-form-trigger
    @extends $reset-button
    background-color: BACKGROUND_COLOR
    color: black
    cursor: pointer
    height: 25px
    margin-bottom: 1px
    margin-right: 1px
    min-width: 60px
    text-transform: capitalize

    &:hover, &:focus
      background-color: #f6f6f6

    &[aria-expanded="true"]
      background-color:#f6f6f6

.survey-task-chooser-characteristic
  display: block

.survey-task-chooser-characteristic-menu
  .modal-form
    background-color: #dddddd
    border-radius: 0
    padding: 0

  .modal-form-pointer
    background-color: #dddddd

  .survey-task-chooser-characteristic-menu-container
    display: flex
    flex-wrap: wrap
    padding: 0.4em

  .survey-task-chooser-characteristic-clear-button
    @extends $reset-button
    background-color: transparent
    font-size: 0.8em
    height: 48px
    width: 48px

.survey-task-chooser-characteristic-value
  @extends $reset-button
  background-color: #c1c1c1
  cursor: pointer
  font-size: 0.8em
  height: 48px
  margin: 0 0.2em 0.75em 0
  width: 48px

  &:disabled
    opacity: 1

  &[data-selected="true"]
    background-color: #a4a4a4

.survey-task-chooser-characteristic-value-label
  background-color: #a4a4a4
  color: white
  font-size: 0.8em
  font-weight: 700
  line-height: 30px
  text-align: center
  text-transform: capitalize
  width: 100%

.survey-task-chooser-characteristic-value-icon
  border-radius: 3px
  display: block
  margin: 0 auto
  max-height: 3em

.survey-task-chooser-choices
  background: white
  display: flex
  flex-wrap: wrap

  &[data-columns="3"] > *
    flex-basis: calc(33.33% - 1px)
    max-width: calc(33.33% - 1px) // temporary fix for an overflowing button text

  &[data-columns="2"] > *
    flex-basis: calc(50% - 2px)

  &[data-columns="1"] > *
    flex-basis: calc(100% - 2px)

  &[data-columns="1"]
    .survey-task-chooser-choice-button:not(:first-of-type)
      border-top: 1px solid BACKGROUND_COLOR

  &[data-columns="2"]
    .survey-task-chooser-choice-button
      &:nth-of-type(odd)
        border-right: 1px solid BACKGROUND_COLOR
      &:not(:nth-of-type(1)):not(:nth-of-type(2))
        border-top: 1px solid BACKGROUND_COLOR

  &[data-columns="3"]
    .survey-task-chooser-choice-button
      &:nth-of-type(3n+1) // first column in a 3 column layout
        border-right: 1px solid BACKGROUND_COLOR

      &:nth-of-type(3n+2):not(:nth-of-type(2)) // second column in a 3 column layout
        border-top: 1px solid BACKGROUND_COLOR

      &:nth-of-type(3n+3) // third column in a 3 column layout
        border-left: 1px solid BACKGROUND_COLOR

{'fraction_non_alphanumeric': 0.12102564102564102, 'fraction_numerical': 0.04205128205128205, 'mean_word_length': 2.9894798363530097, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '4398925', 'n_tokens_mistral': 2777, 'n_tokens_neox': 2497, 'n_words': 555}