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> 38
