mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
@ -2,7 +2,8 @@
|
||||
// FABulous Buttons (Floating Action Button from material)
|
||||
// --------------------------------------------------
|
||||
|
||||
$button-fab-size: 56px;
|
||||
$button-fab-size: 56px !default;
|
||||
$button-fab-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1) !default;
|
||||
|
||||
|
||||
button,
|
||||
@ -15,6 +16,7 @@ button,
|
||||
line-height: $button-fab-size;
|
||||
min-width: 0;
|
||||
vertical-align: middle;
|
||||
box-shadow: $button-fab-box-shadow !important;
|
||||
|
||||
border-radius: 50%;
|
||||
background-clip: padding-box;
|
||||
@ -30,15 +32,19 @@ button,
|
||||
left: 50%;
|
||||
margin-left: -$button-fab-size / 2;
|
||||
}
|
||||
|
||||
&[fab-top] {
|
||||
top: 16px;
|
||||
}
|
||||
|
||||
&[fab-right] {
|
||||
right: 16px;
|
||||
}
|
||||
|
||||
&[fab-bottom] {
|
||||
bottom: 16px;
|
||||
}
|
||||
|
||||
&[fab-left] {
|
||||
left: 16px;
|
||||
}
|
||||
@ -48,6 +54,7 @@ button,
|
||||
font-size: 3.6rem;
|
||||
min-width: 64px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -1,4 +1,4 @@
|
||||
import {Directive} from 'angular2/angular2';
|
||||
import {Directive, Optional} from 'angular2/angular2';
|
||||
import {NavController} from './nav-controller';
|
||||
import {NavRegistry} from './nav-registry';
|
||||
|
||||
@ -21,9 +21,12 @@ export class NavPush {
|
||||
* TODO
|
||||
* @param {NavController} nav TODO
|
||||
*/
|
||||
constructor(nav: NavController, registry: NavRegistry) {
|
||||
constructor(@Optional() nav: NavController, registry: NavRegistry) {
|
||||
this.nav = nav;
|
||||
this.registry = registry;
|
||||
if (!nav) {
|
||||
console.error('nav-push must be within a NavController');
|
||||
}
|
||||
}
|
||||
|
||||
onClick() {
|
||||
@ -64,8 +67,11 @@ export class NavPop {
|
||||
* TODO
|
||||
* @param {NavController} nav TODO
|
||||
*/
|
||||
constructor(nav: NavController) {
|
||||
constructor(@Optional() nav: NavController) {
|
||||
this.nav = nav;
|
||||
if (!nav) {
|
||||
console.error('nav-pop must be within a NavController');
|
||||
}
|
||||
}
|
||||
onClick() {
|
||||
this.nav && this.nav.pop();
|
||||
|
Reference in New Issue
Block a user