fix(toolbar): disable view encapsulation. (#678)

* Disables the view encapsulation for the toolbar component. To be consistent with other components and simplify custom styling. Fixes #676.
angular · Jun 13, 2016 · 5c4dc04 · 5c4dc04
1 parent f7bf148
commit 5c4dc04
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/toolbar/toolbar.scss b/src/components/toolbar/toolbar.scss
@@ -11,7 +11,7 @@ $md-toolbar-padding: 16px !default;
   color: md-color($palette, default-contrast);
 }
 
-:host {
+md-toolbar {
   display: flex;
   box-sizing: border-box;
 

diff --git a/src/components/toolbar/toolbar.ts b/src/components/toolbar/toolbar.ts
@@ -1,7 +1,8 @@
 import {
   Component,
   ChangeDetectionStrategy,
-  Input
+  Input,
+  ViewEncapsulation
 } from '@angular/core';
 import {Renderer} from '@angular/core';
 import {ElementRef} from '@angular/core';
@@ -12,6 +13,7 @@ import {ElementRef} from '@angular/core';
   templateUrl: 'toolbar.html',
   styleUrls: ['toolbar.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None
 })
 export class MdToolbar {