OLD | NEW |
1 // Copyright 2015 The Chromium Authors. All rights reserved. | 1 // Copyright 2015 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 import 'dart:math'; | 5 import 'dart:math'; |
6 import 'package:sky/framework/fn2.dart'; | 6 import 'package:sky/framework/fn2.dart'; |
7 | 7 |
8 class StockArrow extends Component { | 8 class StockArrow extends Component { |
9 static final Style _style = new Style(''' | 9 static final Style _style = new Style(''' |
10 width: 40px; | 10 width: 40px; |
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
72 return _kRedColors[_colorIndexForPercentChange(percentChange)]; | 72 return _kRedColors[_colorIndexForPercentChange(percentChange)]; |
73 } | 73 } |
74 | 74 |
75 UINode build() { | 75 UINode build() { |
76 String border = _colorForPercentChange(percentChange).toString(); | 76 String border = _colorForPercentChange(percentChange).toString(); |
77 bool up = percentChange > 0; | 77 bool up = percentChange > 0; |
78 String type = up ? 'bottom' : 'top'; | 78 String type = up ? 'bottom' : 'top'; |
79 | 79 |
80 return new FlexContainer( | 80 return new FlexContainer( |
81 inlineStyle: 'border-color: $border', | 81 inlineStyle: 'border-color: $border', |
82 direction: FlexDirection.Row, | 82 direction: FlexDirection.horizontal, |
83 style: _style, | 83 style: _style, |
84 children: [ | 84 children: [ |
85 new Container( | 85 new Container( |
86 inlineStyle: 'border-$type-color: $border', | 86 inlineStyle: 'border-$type-color: $border', |
87 style: up ? _upStyle : _downStyle | 87 style: up ? _upStyle : _downStyle |
88 ) | 88 ) |
89 ] | 89 ] |
90 ); | 90 ); |
91 } | 91 } |
92 } | 92 } |
OLD | NEW |