| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 Copyright 2014 The Chromium Authors. All rights reserved. | 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 | 3 Use of this source code is governed by a BSD-style license that can be |
| 4 found in the LICENSE file. | 4 found in the LICENSE file. |
| 5 --> | 5 --><html><head><link rel="import" href="../model/tree-status.html"> |
| 6 | 6 |
| 7 <link rel="import" href="../model/tree-status.html"> | 7 <dom-module id="ct-tree-status"> |
| 8 | 8 <style> |
| 9 <polymer-element name="ct-tree-status" noscript attributes="status"> | |
| 10 <template> | |
| 11 <style> | |
| 12 :host { | 9 :host { |
| 13 display: flex; | 10 display: flex; |
| 14 } | 11 } |
| 15 :host([state=throttled]) { | 12 :host([state=throttled]) { |
| 16 background-color: #fffc6c; | 13 background-color: #fffc6c; |
| 17 } | 14 } |
| 18 | 15 |
| 19 :host([state=closed]), | 16 :host([state=closed]), |
| 20 :host([state=closed]) a { | 17 :host([state=closed]) a { |
| 21 color: white; | 18 color: white; |
| (...skipping 13 matching lines...) Expand all Loading... |
| 35 padding: 0; | 32 padding: 0; |
| 36 } | 33 } |
| 37 | 34 |
| 38 .message { | 35 .message { |
| 39 flex: 1; | 36 flex: 1; |
| 40 overflow: hidden; | 37 overflow: hidden; |
| 41 text-overflow: ellipsis; | 38 text-overflow: ellipsis; |
| 42 white-space: nowrap; | 39 white-space: nowrap; |
| 43 } | 40 } |
| 44 </style> | 41 </style> |
| 45 <template if="{{ status.message }}"> | 42 <template> |
| 43 <template is="dom-if" if="{{ status.message }}"> |
| 46 <div class="status"> | 44 <div class="status"> |
| 47 <div class="message">{{ status.project }}: {{ status.message }}</div> | 45 <div class="message"><span>{{ status.project }}</span>: <span>{{ status.
message }}</span></div> |
| 48 <div style="padding: 0 0px;">[ <a href="{{ status.url }}">details</a> ]<
/div> | 46 <div style="padding: 0 0px;">[ <a href$="{{ status.url }}">details</a> ]
</div> |
| 49 </div> | 47 </div> |
| 50 </template> | 48 </template> |
| 51 </template> | 49 </template> |
| 52 </polymer-element> | 50 <script> |
| 51 Polymer({ |
| 52 is: 'ct-tree-status', |
| 53 properties: { status: { notify: true } } |
| 54 }); |
| 55 </script> |
| 56 </dom-module> |
| OLD | NEW |