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

Side by Side Diff: sky/examples/fn/widgets/floating_action_button.dart

Issue 984793002: The floating action button should have a shadow (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
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 part of widgets; 1 part of widgets;
2 2
3 class FloatingActionButton extends MaterialComponent { 3 class FloatingActionButton extends MaterialComponent {
4 // TODO(rafaelw): Ganesh has problems with box shadows
5 // box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
6
7 static final Style _style = new Style(''' 4 static final Style _style = new Style('''
8 position: absolute; 5 position: absolute;
9 bottom: 16px; 6 bottom: 16px;
10 right: 16px; 7 right: 16px;
11 z-index: 5; 8 z-index: 5;
12 transform: translateX(0); 9 transform: translateX(0);
13 width: 56px; 10 width: 56px;
14 height: 56px; 11 height: 56px;
15 background-color: ${Red[500]}; 12 background-color: ${Red[500]};
16 color: white; 13 color: white;
14 box-shadow: ${Shadow[3]};
17 border-radius: 28px;''' 15 border-radius: 28px;'''
18 ); 16 );
19 static final Style _clipStyle = new Style(''' 17 static final Style _clipStyle = new Style('''
20 transform: translateX(0); 18 transform: translateX(0);
21 position: absolute; 19 position: absolute;
22 display: flex; 20 display: flex;
23 justify-content: center; 21 justify-content: center;
24 align-items: center; 22 align-items: center;
25 top: 0; 23 top: 0;
26 left: 0; 24 left: 0;
(...skipping 17 matching lines...) Expand all
44 children: [ 42 children: [
45 new Container( 43 new Container(
46 key: "Clip", 44 key: "Clip",
47 style: _clipStyle, 45 style: _clipStyle,
48 children: children 46 children: children
49 ) 47 )
50 ] 48 ]
51 ); 49 );
52 } 50 }
53 } 51 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698