catapult/dashboard/dashboard/elements/bisect-status.html

<!--
The bisect-status elements indicate whether the last bisect job
for a bug succeeded or failed, or is currently in progress. */
-->
<polymer-element name="bisect-status">
  <template>
    <style>
      .bisect-status {
        font-size: 25px;
        display: none;
        margin: 0;
        padding-bottom: 1px;
        vertical-align: middle;
      }

      .bisect-status.started {
        color: grey;
        display: inline-block;
      }

      .bisect-status.completed {
        color: green;
        display: inline-block;
      }

      .bisect-status.failed {
        color: red;
        display: inline-block;
      }
    </style>
    <span class="bisect-status {{status}}" title="{{status}}">&#8226;</span>
  </template>
  <script>
  Polymer('bisect-status', {
    publish: {
      status: null
    }
  });
  </script>
</polymer-element>