OLD | NEW |
1 part of widgets; | 1 part of widgets; |
2 | 2 |
3 class FloatingActionButton extends StyleComponent { | 3 class FloatingActionButton extends StyleComponent { |
| 4 |
| 5 // TODO(rafaelw): Ganesh has problems with box shadows |
| 6 // box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); |
| 7 |
4 static final Style _style = new Style(''' | 8 static final Style _style = new Style(''' |
5 position: absolute; | 9 position: absolute; |
6 display: flex; | 10 display: flex; |
7 justify-content: center; | 11 justify-content: center; |
8 align-items: center; | 12 align-items: center; |
9 bottom: 16px; | 13 bottom: 16px; |
10 right: 16px; | 14 right: 16px; |
11 width: 56px; | 15 width: 56px; |
12 height: 56px; | 16 height: 56px; |
13 background-color: #F44336; | 17 background-color: #F44336; |
14 color: white; | 18 color: white; |
15 border-radius: 28px; | 19 border-radius: 28px;''' |
16 box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);''' | |
17 ); | 20 ); |
18 | 21 |
19 Style get style => _style; | 22 Style get style => _style; |
20 | 23 |
21 FloatingActionButton({ Object key, Node content }) : super(key: key, content:
content); | 24 FloatingActionButton({ Object key, Node content }) : super(key: key, content:
content); |
22 } | 25 } |
OLD | NEW |