fix(tabs): missing mat class on tab group

andrewseguin · andrewseguin · commit 86211d76dc2e · 2017-02-23T11:51:06.000-08:00
diff --git a/src/lib/tabs/tab-group.ts b/src/lib/tabs/tab-group.ts
@@ -54,6 +54,7 @@ export type MdTabHeaderPosition = 'above' | 'below';
   templateUrl: 'tab-group.html',
   styleUrls: ['tab-group.css'],
   host: {
+    '[class.mat-tab-group]': 'true',
     '[class.mat-tab-group-dynamic-height]': 'dynamicHeight',
     '[class.mat-tab-group-inverted-header]': 'headerPosition === "below"',
   }
diff --git a/src/lib/tabs/tab-header.ts b/src/lib/tabs/tab-header.ts
@@ -45,7 +45,7 @@ const EXAGGERATED_OVERSCROLL = 60;
   styleUrls: ['tab-header.css'],
   encapsulation: ViewEncapsulation.None,
   host: {
-    'class': 'mat-tab-header',
+    '[class.mat-tab-header]': 'true',
     '[class.mat-tab-header-pagination-controls-enabled]': '_showPaginationControls',
     '[class.mat-tab-header-rtl]': "_getLayoutDirection() == 'rtl'",
   }

Original file line number	Diff line number	Diff line change
`@@ -54,6 +54,7 @@ export type MdTabHeaderPosition = 'above' \| 'below';`
`54`	`54`	`templateUrl: 'tab-group.html',`
`55`	`55`	`styleUrls: ['tab-group.css'],`
`56`	`56`	`host: {`
	`57`	`+ '[class.mat-tab-group]': 'true',`
`57`	`58`	`'[class.mat-tab-group-dynamic-height]': 'dynamicHeight',`
`58`	`59`	`'[class.mat-tab-group-inverted-header]': 'headerPosition === "below"',`
`59`	`60`	`}`
Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ const EXAGGERATED_OVERSCROLL = 60;`
`45`	`45`	`styleUrls: ['tab-header.css'],`
`46`	`46`	`encapsulation: ViewEncapsulation.None,`
`47`	`47`	`host: {`
`48`		`- 'class': 'mat-tab-header',`
	`48`	`+ '[class.mat-tab-header]': 'true',`
`49`	`49`	`'[class.mat-tab-header-pagination-controls-enabled]': '_showPaginationControls',`
`50`	`50`	`'[class.mat-tab-header-rtl]': "_getLayoutDirection() == 'rtl'",`
`51`	`51`	`}`