diff --git a/ionic/components/app/test/material/index.ts b/ionic/components/app/test/material/index.ts index 4864d56158..cc7ce94f4b 100644 --- a/ionic/components/app/test/material/index.ts +++ b/ionic/components/app/test/material/index.ts @@ -1,12 +1,12 @@ import {Component, Directive} from 'angular2/angular2'; -import {App, IonicView, Register} from 'ionic/ionic'; +import {App, IonicApp, IonicView, Register} from 'ionic/ionic'; @IonicView({ template: '' + 'Heading' + '' + - '' + + '' + '' + '' + '' + @@ -30,13 +30,18 @@ import {App, IonicView, Register} from 'ionic/ionic'; '' }) export class FirstPage { - constructor() { + constructor(app: IonicApp) { + this.app = app; + } + toggleMenu() { + console.log('TOGGLE'); + this.app.getComponent('myAside').toggle(); } } @App({ template: ` - + Menu Your Profile diff --git a/ionic/components/toolbar/extensions/material.scss b/ionic/components/toolbar/extensions/material.scss index 3e6fa7eecf..f102229bb6 100644 --- a/ionic/components/toolbar/extensions/material.scss +++ b/ionic/components/toolbar/extensions/material.scss @@ -6,10 +6,14 @@ $toolbar-material-button-font-size: 2rem !default; $toolbar-material-button-text-color: #007aff !default; .toolbar[mode="md"] { - padding: 0px 15px; + padding: 0px 16px; height: $toolbar-material-height; background: $toolbar-material-background; + .toolbar-inner-title { + padding: 0; + } + ion-title { font-size: $toolbar-material-title-font-size; font-weight: 500;