<commit_before>@import "~theme/theme-mixins";

.todoEditor {
  &__title {
    margin-bottom: 0.2rem;
    position: relative;

    &:before {
      transition: height .2s linear, background-color .3s ease;
      content: "";
      width: 100%;
      height: 1px;
      background-color: transparent;
      position: absolute;
      bottom: 0;
    }

    &._is_editable:before {
      background-color: theme-color(medium-grey);
    }

    &._is_focused:before {
      height: 2px;
      background-color: theme-color(primary);
    }
  }

  &__titleInput {
    margin: 0;
    border: none;
    box-shadow: none;
    padding-left: 0;

    // @TODO disable curser when not _is_editable

    &:focus {
      border: none;
      box-shadow: none;
    }

    &._is_completed {
      text-decoration: line-through;
      color: theme-color(secondary);
    }
  }

  .button {
    margin: 0;
    background: transparent;
    border: none;
    color: theme-color(secondary);

    &:hover, &:focus {
      color: theme-color(primary);
    }
  }

  &__submitBtn.button,
  &__submitBtn {
    color: theme-color(primary);
  }

  &__removeBtn {
    opacity: 1;
    transition: opacity .3s ease;

    &._is_hidden {
      opacity: 0;
      pointer-events: none;
    }
  }<commit_msg>Show remove button on hover<commit_after>@import "~theme/theme-mixins";

.todoEditor {
  &__title {
    margin-bottom: 0.2rem;
    position: relative;

    &:before {
      transition: height .2s linear, background-color .3s ease;
      content: "";
      width: 100%;
      height: 1px;
      background-color: transparent;
      position: absolute;
      bottom: 0;
    }

    &._is_editable:before {
      background-color: theme-color(medium-grey);
    }

    &._is_focused:before {
      height: 2px;
      background-color: theme-color(primary);
    }
  }

  &__titleInput {
    margin: 0;
    border: none;
    box-shadow: none;
    padding-left: 0;

    // @TODO disable curser when not _is_editable

    &:focus {
      border: none;
      box-shadow: none;
    }

    &._is_completed {
      text-decoration: line-through;
      color: theme-color(secondary);
    }
  }

  .button {
    margin: 0;
    background: transparent;
    border: none;
    color: theme-color(secondary);

    &:hover, &:focus {
      color: theme-color(primary);
    }
  }

  &__submitBtn.button,
  &__submitBtn {
    color: theme-color(primary);
  }

  &:hover &__removeBtn {
    opacity: 1;
    pointer-events: all;
  }

  &__removeBtn {
    opacity: 1;
    transition: opacity .3s ease;

    &._is_hidden {
      opacity: 0;
      pointer-events: none;
    }
  }
{'fraction_non_alphanumeric': 0.12915552158960641, 'fraction_numerical': 0.012609858616736722, 'mean_word_length': 2.188794153471376, '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': '3400692', 'n_tokens_mistral': 936, 'n_tokens_neox': 876, 'n_words': 188}