| 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 '../fn2.dart'; | 5 import '../fn2.dart'; | 
| 6 import '../theme2/colors.dart'; | 6 import '../theme2/colors.dart'; | 
| 7 import '../theme2/view_configuration.dart'; | 7 import '../theme2/view_configuration.dart'; | 
| 8 | 8 | 
| 9 class DrawerHeader extends Component { | 9 class DrawerHeader extends Component { | 
| 10 | 10 | 
| 11   DrawerHeader({ Object key, this.children }) : super(key: key); | 11   DrawerHeader({ Object key, this.children }) : super(key: key); | 
| 12 | 12 | 
| 13   final List<UINode> children; | 13   final List<UINode> children; | 
| 14 | 14 | 
| 15   UINode build() { | 15   UINode build() { | 
| 16     return new Container( | 16     return new Container( | 
| 17       key: 'drawer-header-outside', |  | 
| 18       height: kStatusBarHeight + kMaterialDrawerHeight, | 17       height: kStatusBarHeight + kMaterialDrawerHeight, | 
| 19       decoration: new BoxDecoration( | 18       decoration: new BoxDecoration( | 
| 20         backgroundColor: BlueGrey[50], | 19         backgroundColor: BlueGrey[50], | 
| 21         border: const Border( | 20         border: const Border( | 
| 22           bottom: const BorderSide( | 21           bottom: const BorderSide( | 
| 23             color: const Color(0xFFD1D9E1), | 22             color: const Color(0xFFD1D9E1), | 
| 24             width: 1.0 | 23             width: 1.0 | 
| 25           ) | 24           ) | 
| 26         ) | 25         ) | 
| 27       ), | 26       ), | 
| 28       padding: const EdgeDims.only(bottom: 7.0), | 27       padding: const EdgeDims.only(bottom: 7.0), | 
| 29       margin: const EdgeDims.only(bottom: 8.0), | 28       margin: const EdgeDims.only(bottom: 8.0), | 
| 30       child: new FlexContainer( | 29       child: new Flex([ | 
| 31         key: 'drawer-header-inside', | 30         new FlexExpandingChild(new Container(key: 'drawer-header-spacer')), | 
| 32         direction: FlexDirection.vertical, | 31         new Container( | 
| 33         children: [ | 32           key: 'drawer-header-label', | 
| 34           new FlexExpandingChild(new Container(key: 'drawer-header-spacer')), | 33           padding: const EdgeDims.symmetric(horizontal: 16.0), | 
| 35           new Container( | 34           child: new Flex(children, direction: FlexDirection.horizontal) | 
| 36             key: 'drawer-header-label', | 35         )], | 
| 37             padding: const EdgeDims.symmetric(horizontal: 16.0), | 36         direction: FlexDirection.vertical | 
| 38             child: new FlexContainer( |  | 
| 39               direction: FlexDirection.horizontal, |  | 
| 40               children: children |  | 
| 41             ) |  | 
| 42           ) |  | 
| 43         ] |  | 
| 44       ) | 37       ) | 
| 45     ); | 38     ); | 
| 46   } | 39   } | 
| 47 | 40 | 
| 48 } | 41 } | 
| OLD | NEW | 
|---|