| 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 '../fn.dart'; | 5 import '../fn.dart'; |
| 6 import '../theme/colors.dart'; | |
| 7 import '../theme/shadows.dart'; | 6 import '../theme/shadows.dart'; |
| 8 import '../theme/view-configuration.dart'; | 7 import '../theme/view-configuration.dart'; |
| 9 | 8 |
| 10 class ActionBar extends Component { | 9 class ActionBar extends Component { |
| 11 List<Node> children; | |
| 12 | |
| 13 static final Style _style = new Style(''' | 10 static final Style _style = new Style(''' |
| 14 display: flex; | 11 display: flex; |
| 15 align-items: center; | 12 align-items: center; |
| 16 height: 56px; | 13 height: 56px; |
| 17 padding: 0 8px; | 14 padding: 0 8px; |
| 18 background-color: ${Purple[500]}; | |
| 19 padding-top: ${kStatusBarHeight}px; | 15 padding-top: ${kStatusBarHeight}px; |
| 20 box-shadow: ${Shadow[2]};''' | 16 box-shadow: ${Shadow[2]};'''); |
| 21 ); | |
| 22 | 17 |
| 23 ActionBar({String key, this.children}) : super(key: key); | 18 static Style _centerStyle = new Style(''' |
| 19 padding-left: 24px; |
| 20 flex: 1;'''); |
| 21 |
| 22 Node left; |
| 23 Node center; |
| 24 List<Node> right; |
| 25 |
| 26 ActionBar({ |
| 27 String key, |
| 28 this.left, |
| 29 this.center, |
| 30 this.right |
| 31 }) : super(key: key); |
| 24 | 32 |
| 25 Node build() { | 33 Node build() { |
| 26 return new Container( | 34 List<Node> children = [left, new StyleNode(center, _centerStyle)]; |
| 27 style: _style, | 35 |
| 28 children: children | 36 if (right != null) |
| 29 ); | 37 children.addAll(right); |
| 38 |
| 39 return new Container(style: _style, children: children); |
| 30 } | 40 } |
| 31 } | 41 } |
| OLD | NEW |