<commit_before>$editor-height: 250px
$editor-width: 50%

$file-tree-width: 15%

$red: #D13030
$dark-red: #3E2E2E

$header-height: 48px

*, *:before, *:after
  box-sizing: border-box !important

.datagram
  input[type="checkbox"]
    margin: 0
    margin-left: 6px
    vertical-align: top

  input, textarea
    border: 1px solid #aaa

  input[disabled], textarea[disabled]
    background-color: #FFF
    border: 1px solid #FFF
    color: $dark-red
    cursor: not-allowed

.icon-trash
  padding-right: 7px

.folder
  > .icon-trash
    position: absolute
    right: 0
    display: none

.explanation
  font-size: 10px
  margin-top: -10px

label
  width: 100%
  margin-bottom: 0
  vertical-align: top

  &.inline
    height: 22px

  .icon-lock
    float: left

  .name
    font-size: 12px
    font-weight: bold
    margin: 0
    padding: 0
    vertical-align: top

.datagram.flex, .datagram.flex main, header
  display: flex

.datagram.flex
  flex-direction: column
  flex: 1

  main
    border-left: 1px solid $dark-red
    flex: 1
    flex-flow: row wrap
    align-content: flex-start

  #queries
    min-width: 200px
    flex: 0 0 $file-tree-width
    overflow-y: auto

// override bootstrap
.table th
  border: 1px solid #DDD

@media (max-width: 767px)
  // override bootstrap
  body
    padding: 0

@media (min-width: 768px)
  .datagram.flex
    flex-direction: row

html
  height: 100%

body
  font-family: Helvetica, sans-serif
  min-height: 100%
  max-height: 100%
  display: flex
  flex-direction: column

  .btn
    color: $dark-red

  ul
    list-style: none

.display-none
  display: none !important

.queries<commit_msg>fix column height<commit_after>$editor-height: 250px
$editor-width: 50%

$file-tree-width: 15%

$red: #D13030
$dark-red: #3E2E2E

$header-height: 48px

*, *:before, *:after
  box-sizing: border-box !important

.datagram
  input[type="checkbox"]
    margin: 0
    margin-left: 6px
    vertical-align: top

  input, textarea
    border: 1px solid #aaa

  input[disabled], textarea[disabled]
    background-color: #FFF
    border: 1px solid #FFF
    color: $dark-red
    cursor: not-allowed

.icon-trash
  padding-right: 7px

.folder
  > .icon-trash
    position: absolute
    right: 0
    display: none

.explanation
  font-size: 10px
  margin-top: -10px

label
  width: 100%
  margin-bottom: 0
  vertical-align: top

  &.inline
    height: 22px

  .icon-lock
    float: left

  .name
    font-size: 12px
    font-weight: bold
    margin: 0
    padding: 0
    vertical-align: top

.datagram.flex, .datagram.flex main, header
  display: flex

.datagram.flex
  flex-direction: column
  flex: 1

  main
    border-left: 1px solid $dark-red
    flex: 1
    flex-flow: row wrap
    align-content: flex-start

  #queries
    min-width: 200px
    flex: 0 0 $file-tree-width
    overflow-y: auto

// override bootstrap
.table th
  border: 1px solid #DDD

@media (max-width: 767px)
  // override bootstrap
  body
    padding: 0

@media (min-width: 768px)
  .datagram.flex
    flex-direction: row

html
  height: 100%

body
  font-family: Helvetica, sans-serif
  min-height: 100%
  display: flex
  flex-direction: column

  .btn
    color: $dark-red

  ul
    list-style: none

.display-none
  display: none !important

.queries
{'fraction_non_alphanumeric': 0.11117955035417308, 'fraction_numerical': 0.03726516784724361, 'mean_word_length': 2.67420814479638, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '4414002', 'n_tokens_mistral': 1328, 'n_tokens_neox': 1186, 'n_words': 325}