<commit_before>@import (reference) "../selection";

body > .vertex-dragging {
  background: rgba(255,255,255,0.7);
  border: 1px solid;
  border-radius: 4px;
  padding: 0.5em;
  margin-left: -0.5em;
  margin-top: -0.5em;

  * { display: none; }
  
  & > div { display: block; }

  .vertex-dragging {
    display: inline;
    font-size: 80%;

    &:after {
      content: ',';
      position: relative;
      left: -3px;
    }
    &:last-child:after { display:none; }
  }
}

.viewing-vertex .vertex-list {
  ul li.has_preview {
    a { padding-left: 16px; }
  }
}
.vertex-list {
  word-wrap: break-word;
  text-align: right;

  .infinite-loading {
    padding: 1em 0;
    text-align: center;
    background: url(/img/loading.gif);
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: right;
    text-align: left;
    color: #555;
    font-weight: bold;
  }

  ul {
    text-align: left;
    .box-sizing(border-box);

    li {
      position: relative;

      &.active {
        .source, .date {
          color: #eee;
        }
        .graph button {
          background-image: url(/img/glyphicons/white/glyphicons_326_share@2x.png);
        }
        .map button {
          background-image: url(/img/glyphicons/white/glyphicons_242_google_maps@2x.png);
        }
      }

      &.graph-displayed li.graph { display: block; }
      &.map-displayed li.map { display: block; }

      @preview-width: 100px;
      &.has_preview {
        padding-left: @preview-width - 15px;
        a { padding-left: 30px; }
        .preview {
          display: block;
        }
        ul { left: 83px; }
      }

      .preview {
        display: none;
        width: @preview-width;
        position: absolute;
        left: -15px;
        top: 0;
        bottom: 1px;
        overflow: hidden;
        background-repeat: no-repeat;
      }

      ul {
        position: absolute;
        left: -16px;
        top: 2px;
        margin: 0;
        padding: 0;
        width: 16px;
        overflow: hidden;

        li {
          display: none;

          button {
            background-size: 48%;
            background-repeat: no-repeat;
            background-color: transparent;
            background-position: center center;
            height: 20px;
            width: 100%;
            font-size: 0;
            border: 0;
          }

          &.graph button {
            background-image: url(/img/glyphicons/glyphicons_326_share@2x.png);
          }

          &.map button {
            background-image: url(/img/glyphicons/glyphicons_242_google_maps@2x.png);
          }
        }
      }
    }
  }


  a {

    cursor: pointer;

    &.ui-selecting, &.ui-selected {
      .active-selection;
    }

    div {
      .clearfix;
    }
    .source, .date {
      color: #555;
      font-size: x-small;

    }
    .source:empty:after {
      content: 'Source unknown';
      font-style: italic;
    }
    .date:empty:after {
      content: ' ';
    }
    
    .date {
      float: right;
    }
    .source {
      float: left;
    }
  }
}<commit_msg>Don't show source when missing<commit_after>@import (reference) "../selection";

body > .vertex-dragging {
  background: rgba(255,255,255,0.7);
  border: 1px solid;
  border-radius: 4px;
  padding: 0.5em;
  margin-left: -0.5em;
  margin-top: -0.5em;

  * { display: none; }
  
  & > div { display: block; }

  .vertex-dragging {
    display: inline;
    font-size: 80%;

    &:after {
      content: ',';
      position: relative;
      left: -3px;
    }
    &:last-child:after { display:none; }
  }
}

.viewing-vertex .vertex-list {
  ul li.has_preview {
    a { padding-left: 16px; }
  }
}
.vertex-list {
  word-wrap: break-word;
  text-align: right;

  .infinite-loading {
    padding: 1em 0;
    text-align: center;
    background: url(/img/loading.gif);
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: right;
    text-align: left;
    color: #555;
    font-weight: bold;
  }

  ul {
    text-align: left;
    .box-sizing(border-box);

    li {
      position: relative;

      &.active {
        .source, .date {
          color: #eee;
        }
        .graph button {
          background-image: url(/img/glyphicons/white/glyphicons_326_share@2x.png);
        }
        .map button {
          background-image: url(/img/glyphicons/white/glyphicons_242_google_maps@2x.png);
        }
      }

      &.graph-displayed li.graph { display: block; }
      &.map-displayed li.map { display: block; }

      @preview-width: 100px;
      &.has_preview {
        padding-left: @preview-width - 15px;
        a { padding-left: 30px; }
        .preview {
          display: block;
        }
        ul { left: 83px; }
      }

      .preview {
        display: none;
        width: @preview-width;
        position: absolute;
        left: -15px;
        top: 0;
        bottom: 1px;
        overflow: hidden;
        background-repeat: no-repeat;
      }

      ul {
        position: absolute;
        left: -16px;
        top: 2px;
        margin: 0;
        padding: 0;
        width: 16px;
        overflow: hidden;

        li {
          display: none;

          button {
            background-size: 48%;
            background-repeat: no-repeat;
            background-color: transparent;
            background-position: center center;
            height: 20px;
            width: 100%;
            font-size: 0;
            border: 0;
          }

          &.graph button {
            background-image: url(/img/glyphicons/glyphicons_326_share@2x.png);
          }

          &.map button {
            background-image: url(/img/glyphicons/glyphicons_242_google_maps@2x.png);
          }
        }
      }
    }
  }


  a {

    cursor: pointer;

    &.ui-selecting, &.ui-selected {
      .active-selection;
    }

    div {
      .clearfix;
    }
    .source, .date {
      color: #555;
      font-size: x-small;

    }
    .date:empty:after {
      content: ' ';
    }
    
    .date {
      float: right;
    }
    .source {
      float: left;
    }
  }
}
{'fraction_non_alphanumeric': 0.1316393442622951, 'fraction_numerical': 0.025901639344262296, 'mean_word_length': 1.5623687526249475, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 8, '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': '6344503', 'n_tokens_mistral': 2182, 'n_tokens_neox': 2009, 'n_words': 400}