Make the material tab text-wrap mixin more generic, to work with both material-tab and material-tab-strip

Googler · nshahan · commit d381ff904e23 · 2018-03-20T11:04:34.000-07:00
PiperOrigin-RevId: 189248419
diff --git a/lib/material_tab/_mixins.scss b/lib/material_tab/_mixins.scss
@@ -120,9 +120,13 @@ $_focusTabBtnSel: $_tabBtnSel + '.focus';
   }
 }
 
-// Allow the text inside the tab to break into lines.
+// Allow the text inside the tab to break into lines. This needs to carefully
+// scoped to tab-strip or tab-button. Example:
+// material-tab-strip {
+//   @include allow-text-wrap;
+// }
 @mixin allow-text-wrap {
-  ::ng-deep > .content {
+  ::ng-deep .content {
     text-overflow: initial;
     white-space: initial;
   }

Original file line number	Diff line number	Diff line change
`@@ -120,9 +120,13 @@ $_focusTabBtnSel: $_tabBtnSel + '.focus';`
`120`	`120`	`}`
`121`	`121`	`}`
`122`	`122`
`123`		`-// Allow the text inside the tab to break into lines.`
	`123`	`+// Allow the text inside the tab to break into lines. This needs to carefully`
	`124`	`+// scoped to tab-strip or tab-button. Example:`
	`125`	`+// material-tab-strip {`
	`126`	`+// @include allow-text-wrap;`
	`127`	`+// }`
`124`	`128`	`@mixin allow-text-wrap {`
`125`		`- ::ng-deep > .content {`
	`129`	`+ ::ng-deep .content {`
`126`	`130`	`text-overflow: initial;`
`127`	`131`	`white-space: initial;`
`128`	`132`	`}`