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

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

Issue 1061163002: Remove all uses of display:block and display:inline-block. (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: update one more usage Created 5 years, 8 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 '../theme/colors.dart'; 6 import '../theme/colors.dart';
7 import 'ink_well.dart'; 7 import 'ink_well.dart';
8 import 'material.dart'; 8 import 'material.dart';
9 9
10 class FloatingActionButton extends Component { 10 class FloatingActionButton extends Component {
11 // TODO(abarth): We need a better way to become a container for absolutely 11 // TODO(abarth): We need a better way to become a container for absolutely
12 // positioned elements. 12 // positioned elements.
13 static final Style _style = new Style(''' 13 static final Style _style = new Style('''
14 transform: translateX(0); 14 transform: translateX(0);
15 width: 56px; 15 width: 56px;
16 height: 56px; 16 height: 56px;
17 background-color: ${Red[500]}; 17 background-color: ${Red[500]};
18 border-radius: 28px;''' 18 border-radius: 28px;'''
19 ); 19 );
20 static final Style _clipStyle = new Style(''' 20 static final Style _clipStyle = new Style('''
21 transform: translateX(0); 21 transform: translateX(0);
22 position: absolute; 22 position: absolute;
23 display: flex; 23 display: flex;
24 flex-direction: row;
24 justify-content: center; 25 justify-content: center;
25 align-items: center; 26 align-items: center;
26 top: 0; 27 top: 0;
27 left: 0; 28 left: 0;
28 right: 0; 29 right: 0;
29 bottom: 0; 30 bottom: 0;
30 -webkit-clip-path: circle(28px at center);'''); 31 -webkit-clip-path: circle(28px at center);''');
31 32
32 UINode content; 33 UINode content;
33 int level; 34 int level;
34 35
35 FloatingActionButton({ Object key, this.content, this.level: 0 }) 36 FloatingActionButton({ Object key, this.content, this.level: 0 })
36 : super(key: key); 37 : super(key: key);
37 38
38 UINode build() { 39 UINode build() {
39 List<UINode> children = []; 40 List<UINode> children = [];
40 41
41 if (content != null) 42 if (content != null)
42 children.add(content); 43 children.add(content);
43 44
44 return new Material( 45 return new Material(
45 content: new Container( 46 content: new Container(
46 style: _style, 47 style: _style,
47 children: [new StyleNode(new InkWell(children: children), _clipStyle)]), 48 children: [new StyleNode(new InkWell(children: children), _clipStyle)]),
48 level: level); 49 level: level);
49 } 50 }
50 } 51 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698