fix(toolbar): Fix class overriding custom entries. (#28)

trimox · Jun 23, 2017 · a448f60 · a448f60
1 parent ef7104a
commit a448f60
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/lib/toolbar/toolbar-fixed-adjust.directive.ts b/src/lib/toolbar/toolbar-fixed-adjust.directive.ts
@@ -9,5 +9,5 @@ import {
 })
 export class ToolbarFixedAdjustDirective {
   @Input() id: string;
-  @HostBinding('class') className: string = 'mdc-toolbar-fixed-adjust';
+  @HostBinding('class.mdc-toolbar-fixed-adjust') className: string = 'mdc-toolbar-fixed-adjust';
 }
diff --git a/src/lib/toolbar/toolbar-row.directive.ts b/src/lib/toolbar/toolbar-row.directive.ts
@@ -7,5 +7,5 @@ import {
   selector: 'mdc-toolbar-row'
 })
 export class ToolbarRowDirective {
-  @HostBinding('class') className: string = 'mdc-toolbar__row';
+  @HostBinding('class.mdc-toolbar__row') className: string = 'mdc-toolbar__row';
 }
diff --git a/src/lib/toolbar/toolbar-section.directive.ts b/src/lib/toolbar/toolbar-section.directive.ts
@@ -12,7 +12,7 @@ export class ToolbarSectionDirective {
   @Input() alignStart: boolean;
   @Input() alignEnd: boolean;
   @Input() shrinkToFit: boolean;
-  @HostBinding('class') className: string = 'mdc-toolbar__section';
+  @HostBinding('class.mdc-toolbar__section') className: string = 'mdc-toolbar__section';
   @HostBinding('class.mdc-toolbar__section--align-start') get classAlignStart(): string {
     return this.alignStart ? 'mdc-toolbar__section--align-start' : '';
   }

diff --git a/src/lib/toolbar/toolbar-title.directive.ts b/src/lib/toolbar/toolbar-title.directive.ts
@@ -9,5 +9,5 @@ import {
 })
 export class ToolbarTitleDirective {
   @Input() id: string;
-  @HostBinding('class') className: string = 'mdc-toolbar__title';
+  @HostBinding('class.mdc-toolbar__title') className: string = 'mdc-toolbar__title';
 }
diff --git a/src/lib/toolbar/toolbar.component.ts b/src/lib/toolbar/toolbar.component.ts
@@ -32,7 +32,7 @@ export class ToolbarComponent implements AfterViewInit, OnDestroy {
   @Input() waterfall: boolean;
   @Input() fixedLastrow: boolean;
   @Output() change: EventEmitter<number> = new EventEmitter<number>();
-  @HostBinding('class') className: string = 'mdc-toolbar';
+  @HostBinding('class.mdc-toolbar') className: string = 'mdc-toolbar';
   @HostBinding('class.mdc-toolbar--fixed') get classFixedToolbar(): string {
     return this.fixed ? 'mdc-toolbar--fixed' : '';
   }