OLD | NEW |
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 | 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); | 5 // box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); |
6 | 6 |
7 static final Style _style = new Style(''' | 7 static final Style _style = new Style(''' |
8 position: absolute; | 8 position: absolute; |
9 bottom: 16px; | 9 bottom: 16px; |
10 right: 16px; | 10 right: 16px; |
11 z-index: 5; | 11 z-index: 5; |
12 transform: translateX(0); | 12 transform: translateX(0); |
13 width: 56px; | 13 width: 56px; |
14 height: 56px; | 14 height: 56px; |
15 background-color: #F44336; | 15 background-color: ${Red[500]}; |
16 color: white; | 16 color: white; |
17 border-radius: 28px;''' | 17 border-radius: 28px;''' |
18 ); | 18 ); |
19 static final Style _clipStyle = new Style(''' | 19 static final Style _clipStyle = new Style(''' |
20 transform: translateX(0); | 20 transform: translateX(0); |
21 position: absolute; | 21 position: absolute; |
22 display: flex; | 22 display: flex; |
23 justify-content: center; | 23 justify-content: center; |
24 align-items: center; | 24 align-items: center; |
25 top: 0; | 25 top: 0; |
(...skipping 18 matching lines...) Expand all Loading... |
44 children: [ | 44 children: [ |
45 new Container( | 45 new Container( |
46 key: "Clip", | 46 key: "Clip", |
47 style: _clipStyle, | 47 style: _clipStyle, |
48 children: children | 48 children: children |
49 ) | 49 ) |
50 ] | 50 ] |
51 ); | 51 ); |
52 } | 52 } |
53 } | 53 } |
OLD | NEW |