| 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 |