OLD | NEW |
1 part of widgets; | 1 part of widgets; |
2 | 2 |
3 class MenuItem extends ButtonBase { | 3 class MenuItem extends ButtonBase { |
4 | 4 |
5 static Style _style = new Style(''' | 5 static Style _style = new Style(''' |
6 transform: translateX(0); | 6 transform: translateX(0); |
7 display: flex; | 7 display: flex; |
8 align-items: center; | 8 align-items: center; |
9 height: 48px; | 9 height: 48px; |
10 -webkit-user-select: none;''' | 10 -webkit-user-select: none;''' |
(...skipping 17 matching lines...) Expand all Loading... |
28 color: #212121; | 28 color: #212121; |
29 padding: 0px 16px; | 29 padding: 0px 16px; |
30 flex: 1;''' | 30 flex: 1;''' |
31 ); | 31 ); |
32 | 32 |
33 List<Node> children; | 33 List<Node> children; |
34 String icon; | 34 String icon; |
35 | 35 |
36 MenuItem({ Object key, this.icon, this.children }) : super(key: key); | 36 MenuItem({ Object key, this.icon, this.children }) : super(key: key); |
37 | 37 |
38 Node render() { | 38 Node build() { |
39 return new Container( | 39 return new Container( |
40 style: _highlight ? _highlightStyle : _style, | 40 style: _highlight ? _highlightStyle : _style, |
41 children: [ | 41 children: [ |
42 super.render(), | 42 super.build(), |
43 new Icon( | 43 new Icon( |
44 style: _iconStyle, | 44 style: _iconStyle, |
45 size: 24, | 45 size: 24, |
46 type: "${icon}_grey600" | 46 type: "${icon}_grey600" |
47 ), | 47 ), |
48 new Container( | 48 new Container( |
49 style: _labelStyle, | 49 style: _labelStyle, |
50 children: children | 50 children: children |
51 ) | 51 ) |
52 ] | 52 ] |
53 ); | 53 ); |
54 } | 54 } |
55 } | 55 } |
OLD | NEW |