fix(tabs): only target direct descendants with mat-stretch-tabs (#12198)

crisbeto · jelbourn · commit 6bb0ffe70612 · 2018-08-29T16:19:17.000-07:00
Fixes `mat-stretch-tabs` applying to all descendant tab headers, rather than direct descendants only. Fixes #12196.
diff --git a/src/lib/tabs/tab-group.scss b/src/lib/tabs/tab-group.scss
@@ -29,7 +29,8 @@
   }
 }
 
-.mat-tab-group[mat-stretch-tabs] .mat-tab-label {
+// Note that we only want to target direct descendant tabs.
+.mat-tab-group[mat-stretch-tabs] > .mat-tab-header .mat-tab-label {
   flex-basis: 0;
   flex-grow: 1;
 }

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,8 @@`
`29`	`29`	`}`
`30`	`30`	`}`
`31`	`31`
`32`		`-.mat-tab-group[mat-stretch-tabs] .mat-tab-label {`
	`32`	`+// Note that we only want to target direct descendant tabs.`
	`33`	`+.mat-tab-group[mat-stretch-tabs] > .mat-tab-header .mat-tab-label {`
`33`	`34`	`flex-basis: 0;`
`34`	`35`	`flex-grow: 1;`
`35`	`36`	`}`