|
1 | | -<div ng-controller="AppCtrl" style="position:absolute;display: block; width: 100%"> |
2 | | - <div style="padding: 24px;"> |
| 1 | +<div ng-controller="AppCtrl" layout-fill layout="column" class="inset"> |
3 | 2 | <p>Toast can be dismissed with a swipe, a timer, or a button.</p> |
4 | | - <div class="inset" layout="row" layout-sm="column" layout-align="center"> |
| 3 | + |
| 4 | + <div layout="row" layout-sm="column" layout-align="space-around"> |
| 5 | + <div style="width:50px"></div> |
5 | 6 | <md-button ng-click="showCustomToast()"> |
6 | 7 | Show Custom |
7 | 8 | </md-button> |
8 | | - <div style="width:50px"></div> |
9 | 9 | <md-button ng-click="showSimpleToast()"> |
10 | 10 | Show Simple |
11 | 11 | </md-button> |
12 | | - <div style="width:50px"></div> |
13 | | - <md-button class="md-raised" |
14 | | - ng-click="showActionToast()"> |
| 12 | + <md-button class="md-raised" ng-click="showActionToast()"> |
15 | 13 | Show With Action |
16 | 14 | </md-button> |
| 15 | + <div style="width:50px"></div> |
17 | 16 | </div> |
18 | 17 |
|
19 | 18 | <div> |
20 | 19 | <br/> |
21 | 20 | <b>Toast Position: "{{getToastPosition()}}"</b> |
| 21 | + <br/> |
| 22 | + <md-checkbox ng-repeat="(name, isSelected) in toastPosition" |
| 23 | + aria-label="{{name}}" |
| 24 | + ng-model="toastPosition[name]"> |
| 25 | + {{name}} |
| 26 | + </md-checkbox> |
| 27 | + <md-button class="md-primary md-fab md-fab-bottom-right"> |
| 28 | + FAB |
| 29 | + </md-button> |
| 30 | + <md-button class="md-primary md-fab md-fab-top-right" md-theme="green"> |
| 31 | + FAB |
| 32 | + </md-button> |
22 | 33 | </div> |
23 | | - <md-checkbox ng-repeat="(name, isSelected) in toastPosition" |
24 | | - aria-label="{{name}}" |
25 | | - ng-model="toastPosition[name]"> |
26 | | - {{name}} |
27 | | - </md-checkbox> |
28 | | - <md-button class="md-primary md-fab md-fab-bottom-right"> |
29 | | - FAB |
30 | | - </md-button> |
31 | | - <md-button class="md-primary md-fab md-fab-top-right" md-theme="green"> |
32 | | - FAB |
33 | | - </md-button> |
34 | | - </div> |
35 | 34 | </div> |
0 commit comments