src/third_party/WebKit/Tools/GardeningServer/ui/ct-tree-status.html

   1 <!--
   2 Copyright 2014 The Chromium Authors. All rights reserved.
   3 Use of this source code is governed by a BSD-style license that can be
   4 found in the LICENSE file.
   5 -->
   6
   7 <link rel="import" href="../model/tree-status.html">
   8
   9 <polymer-element name="ct-tree-status" noscript attributes="status">
  10   <template>
  11     <style>
  12       :host {
  13         display: flex;
  14       }
  15       :host([state=throttled]) {
  16         background-color: #fffc6c;
  17       }
  18
  19       :host([state=closed]),
  20       :host([state=closed]) a {
  21         color: white;
  22         background-color: #e98080;
  23       }
  24
  25       .message {
  26         flex: 1;
  27         overflow: hidden;
  28         text-overflow: ellipsis;
  29         white-space: nowrap;
  30       }
  31     </style>
  32     <template if="{{ status.message }}">
  33       <div class="message">{{ status.project }}: {{ status.message }}</div>
  34       <div style="padding: 0 5px;">[ <a href="{{ status.url }}">details</a> ]</div>
  35     </template>
  36   </template>
  37 </polymer-element>