Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1181)

Side by Side Diff: sky/framework/components/menu_item.dart

Issue 1019023003: Improve Material ink effects (Closed) Base URL: git@github.com:domokit/mojo.git@master
Patch Set: Created 5 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 'button_base.dart'; 6 import 'button_base.dart';
7 import 'icon.dart'; 7 import 'icon.dart';
8 import 'material.dart'; 8 import 'ink_well.dart';
9 9
10 class MenuItem extends ButtonBase { 10 class MenuItem extends ButtonBase {
11 static final Style _style = new Style(''' 11 static final Style _style = new Style('''
12 transform: translateX(0); 12 transform: translateX(0);
13 display: flex; 13 display: flex;
14 align-items: center; 14 align-items: center;
15 height: 48px; 15 height: 48px;
16 -webkit-user-select: none;''' 16 -webkit-user-select: none;'''
17 ); 17 );
18 18
(...skipping 14 matching lines...) Expand all
33 padding: 0px 16px; 33 padding: 0px 16px;
34 flex: 1;''' 34 flex: 1;'''
35 ); 35 );
36 36
37 List<Node> children; 37 List<Node> children;
38 String icon; 38 String icon;
39 39
40 MenuItem({ Object key, this.icon, this.children }) : super(key: key); 40 MenuItem({ Object key, this.icon, this.children }) : super(key: key);
41 41
42 Node buildContent() { 42 Node buildContent() {
43 return new Material ( 43 return new InkWell (
44 style: highlight ? _highlightStyle : _style, 44 style: highlight ? _highlightStyle : _style,
45 children: [ 45 children: [
46 new Icon( 46 new Icon(
47 style: _iconStyle, 47 style: _iconStyle,
48 size: 24, 48 size: 24,
49 type: "${icon}_grey600" 49 type: "${icon}_grey600"
50 ), 50 ),
51 new Container( 51 new Container(
52 style: _labelStyle, 52 style: _labelStyle,
53 children: children 53 children: children
54 ) 54 )
55 ] 55 ]
56 ); 56 );
57 } 57 }
58 } 58 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698