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

Author: trimox

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';
 }

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';
 }

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' : '';
   }

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';
 }

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' : '';
   }