<commit_before>.butter-component-treebox {
  .input-group .tr-input-wrapper {
    flex: 1 1 1px;
  }

  &.has-error .tr-input-wrapper {
    border-color: #a94442; // TODO use bootstrap variables

    .tr-trigger {
      border-left-color: #a94442; // TODO use bootstrap variables
    }
  }

  .tr-editor-area.tr-combobox-entry.empty {
    min-height: 34px;
  }

  .defaultEmptyEntry {
    height: 34px;
    display: flex;
    align-items: center;
    margin-left: 8px;
    color: gray;
  }

  &.butter-component-readonly {
    .tr-input-wrapper {
      border-style: none;

      .tr-template-single-line {
        padding-left: 0;
      }
    }
  }

  .content-wrapper {
    height: 100%;
    .additional-info {
      white-space: pre-wrap;
      max-width: 100%;
    }
  }
}

.tr-dropdown {
  z-index: 3 !important; /* bootstrap form-control has 2, should be fixed in trivial components */
}

.tr-dropdown .tr-template-icon-2-lines .content-wrapper .main-line,
.butter-component-treebox .tr-template-icon-2-lines .content-wrapper .main-line {
  line-height: 13px;
}

.tr-dropdown .tr-template-icon-2-lines .content-wrapper .additional-info,
.butter-component-treebox .tr-template-icon-2-lines .content-wrapper .additional-info {
  font-size: 82%;<commit_msg>#68 Fixed z-index in treeboxes<commit_after>.butter-component-treebox {
  .input-group .tr-input-wrapper {
    flex: 1 1 1px;
  }

  &.has-error .tr-input-wrapper {
    border-color: #a94442; // TODO use bootstrap variables

    .tr-trigger {
      border-left-color: #a94442; // TODO use bootstrap variables
    }
  }

  .tr-editor-area.tr-combobox-entry.empty {
    min-height: 34px;
  }

  .defaultEmptyEntry {
    height: 34px;
    display: flex;
    align-items: center;
    margin-left: 8px;
    color: gray;
  }

  &.butter-component-readonly {
    .tr-input-wrapper {
      border-style: none;

      .tr-template-single-line {
        padding-left: 0;
      }
    }
  }

  .content-wrapper {
    height: 100%;
    .additional-info {
      white-space: pre-wrap;
      max-width: 100%;
    }
  }
}

.tr-dropdown {
  z-index: 1051 !important; /* bootstrap form-control has 2, should be fixed in trivial components */
}

.tr-dropdown .tr-template-icon-2-lines .content-wrapper .main-line,
.butter-component-treebox .tr-template-icon-2-lines .content-wrapper .main-line {
  line-height: 13px;
}

.tr-dropdown .tr-template-icon-2-lines .content-wrapper .additional-info,
.butter-component-treebox .tr-template-icon-2-lines .content-wrapper .additional-info {
  font-size: 82%;
{'fraction_non_alphanumeric': 0.14488188976377953, 'fraction_numerical': 0.02952755905511811, 'mean_word_length': 2.452445652173913, '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': '4337253', 'n_tokens_mistral': 976, 'n_tokens_neox': 891, 'n_words': 173}