<commit_before><link rel='import' href='../lib/paper-icon-button/paper-icon-button.html'>
<link rel='import' href='../lib/paper-button/paper-button.html'>

<!--
uproxy-tip will appear immediately below the previous element in the DOM.

It will have both an X button in the top right as well as a done button in the
bottom.  If either of these buttons are clicked, the element will be removed
from the DOM and the "closed" event will be fired.  Listen to it by adding
an "on-closed" attribute to the uproxy-tip element.

To change the color of the box:
uproxy-tip::shadow #box {
  background: red;
}
uproxy-tip::shadow #arrow {
  border-bottom-color: red;
}
-->

<polymer-element name='uproxy-tip'>
  <template>
    <style>
    :host {
      position: fixed;

      min-width: 300px;
      max-width: 400px;
      min-height: 100px;

      margin-top: 15px;

      color: white;
      opacity: .8;
    }
    #container {
      position: relative;
    }
    #arrow {
      position: absolute;
      top: -20px;

      width: 0;
      height: 0;

      border: 10px solid transparent;
      border-bottom-color: black;
    }
    #box {
      position: relative;
      background-color: black;
    }
    #content {
      padding: 10px;
    }
    #close {
      position: absolute;
      top: 0;
      right: 0;
    }
    #actions {
      text-align: right;
    }
    #done {
      background-color: #222;
    }
    </style>

    <div id='container'>
      <div id='arrow'></div>

      <div id='box'>
        <div id='content'>
          <paper-icon-button id='close' icon='clear' role='button' on-tap='{{ close }}'></paper-icon-button>

          <content></content>

          <div id='actions'>
            <paper-button id='done' on-tap='{{ close }}'>Done</paper-button>
          </div>
        </div>
      </div>
    </div>

  </template>

  <script src='tip.js'></script>
</polymer-element>
<commit_msg>Reposition the close button for uproxy-tip, update comment<commit_after><link rel='import' href='../lib/paper-icon-button/paper-icon-button.html'>
<link rel='import' href='../lib/paper-button/paper-button.html'>

<!--
uproxy-tip will appear immediately below the previous element in the DOM.

It will have both an X button in the top right as well as a done button in the
bottom.  If either of these buttons are clicked, the element will be removed
from the DOM and the "closed" event will be fired.  Listen to it by adding
an "on-closed" attribute to the uproxy-tip element.

To change the color of the box:
uproxy-tip::shadow #box {
  background: red;
}
uproxy-tip::shadow #arrow {
  border-bottom-color: red;
}
uproxy-tip::shadow #done {
  background: (some off-shade);
}
-->

<polymer-element name='uproxy-tip'>
  <template>
    <style>
    :host {
      position: fixed;

      min-width: 300px;
      max-width: 400px;
      min-height: 100px;

      margin-top: 15px;

      color: white;
      opacity: .8;
    }
    #container {
      position: relative;
    }
    #arrow {
      position: absolute;
      top: -20px;

      width: 0;
      height: 0;

      border: 10px solid transparent;
      border-bottom-color: black;
    }
    #box {
      position: relative;
      background-color: black;
    }
    #content {
      padding: 10px;
    }
    #close {
      float: right;
    }
    #actions {
      text-align: right;
    }
    #done {
      background-color: #222;
    }
    </style>

    <div id='container'>
      <div id='arrow'></div>

      <div id='box'>
        <div id='content'>
          <paper-icon-button id='close' icon='clear' role='button' on-tap='{{ close }}'></paper-icon-button>

          <content></content>

          <div id='actions'>
            <paper-button id='done' on-tap='{{ close }}'>Done</paper-button>
          </div>
        </div>
      </div>
    </div>

  </template>

  <script src='tip.js'></script>
</polymer-element>

{'fraction_non_alphanumeric': 0.14340885684860968, 'fraction_numerical': 0.012358393408856848, 'mean_word_length': 2.275716694772344, 'pattern_counts': {'":': 0, '<': 57, '<?xml version=': 0, '>': 57, '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': '7225887', 'n_tokens_mistral': 1325, 'n_tokens_neox': 1249, 'n_words': 360}