OLD | NEW |
1 <!-- | 1 <!-- |
2 // Copyright 2015 The Chromium Authors. All rights reserved. | 2 // Copyright 2015 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 <import src="/sky/framework/sky-element.sky" /> | 6 <import src="/sky/framework/sky-element.sky" /> |
7 | 7 |
8 <sky-element> | 8 <sky-element> |
9 <template> | 9 <template> |
10 <style> | 10 <style> |
(...skipping 10 matching lines...) Expand all Loading... |
21 } | 21 } |
22 #ticker { | 22 #ticker { |
23 flex-grow: 1; | 23 flex-grow: 1; |
24 } | 24 } |
25 #last-sale { | 25 #last-sale { |
26 padding-right: 20px; | 26 padding-right: 20px; |
27 } | 27 } |
28 #change { | 28 #change { |
29 border-radius: 5px; | 29 border-radius: 5px; |
30 min-width: 72px; | 30 min-width: 72px; |
| 31 padding: 2px; |
31 padding-right: 10px; | 32 padding-right: 10px; |
32 text-align: right; | 33 text-align: right; |
33 } | 34 } |
34 </style> | 35 </style> |
35 <div id="ticker" /> | 36 <div id="ticker" /> |
36 <div id="last-sale" /> | 37 <div id="last-sale" /> |
37 <div id="change" /> | 38 <div id="change" /> |
38 </template> | 39 </template> |
39 <script> | 40 <script> |
40 import "dart:sky"; | 41 import "dart:sky"; |
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
93 if (model.percentChange > 0) | 94 if (model.percentChange > 0) |
94 changeString = "+" + changeString; | 95 changeString = "+" + changeString; |
95 change.textContent = changeString; | 96 change.textContent = changeString; |
96 change.style['background-color'] = colorForPercentChange(model.percentChange
); | 97 change.style['background-color'] = colorForPercentChange(model.percentChange
); |
97 } | 98 } |
98 } | 99 } |
99 | 100 |
100 _init(script) => register(script, Stock); | 101 _init(script) => register(script, Stock); |
101 </script> | 102 </script> |
102 </sky-element> | 103 </sky-element> |
OLD | NEW |