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 --> |
6 | 6 |
7 <polymer-element name="ct-commit" attributes="data" noscript> | 7 <polymer-element name="ct-commit" attributes="data" noscript> |
8 <template> | 8 <template> |
9 <style> | 9 <style> |
10 :host { | 10 :host { |
11 display: block; | 11 display: flex; |
| 12 align-items: center; |
| 13 } |
| 14 :host > * { |
| 15 flex-shrink: 0; |
12 } | 16 } |
13 a { | 17 a { |
14 padding: 5px 10px; | 18 padding: 5px; |
15 margin-right: 5px; | 19 margin-right: 5px; |
16 border-radius: 4px; | 20 border-radius: 4px; |
17 display: inline-block; | 21 } |
| 22 div { |
| 23 flex: 1; |
18 } | 24 } |
19 :host(:hover) a { | 25 :host(:hover) a { |
20 background-color: #555; | 26 background-color: #555; |
21 color: white; | 27 color: white; |
22 } | 28 } |
23 :host(:hover) a::after { | |
24 content: ''; | |
25 width: 0; | |
26 height: 0; | |
27 margin-top: 5px; | |
28 position: absolute; | |
29 margin-left: 10px; | |
30 border-top: 5px solid white; | |
31 border-left: 5px solid #555; | |
32 border-bottom: 5px solid white; | |
33 } | |
34 </style> | 29 </style> |
35 <a href="{{ data.url }}">{{ data.repository }}:{{ data.revision }}</a> {{ da
ta.summary }} <em>{{ data.author }}</em> | 30 <a href="{{ data.url }}">{{ data.revision }}</a> |
| 31 <div>{{ data.summary }} <em>{{ data.author }}</em></div> |
36 </template> | 32 </template> |
37 </polymer-element> | 33 </polymer-element> |
OLD | NEW |