fix(stepper): horizontal stepper cutting off bottom part of content (#10644)

crisbeto · jelbourn · commit 4fbde105137f · 2018-04-05T08:02:05.000-07:00
Fixes the horizontal stepper cutting off the bottom part of its content due to it having `overflow: hidden`. These changes scope the `overflow` only to when the stepper is collapsed. Fixes #10634.
diff --git a/src/lib/stepper/stepper.scss b/src/lib/stepper/stepper.scss
@@ -63,12 +63,9 @@ $mat-stepper-line-gap: 8px !default;
   }
 }
 
-.mat-horizontal-stepper-content {
+.mat-horizontal-stepper-content[aria-expanded='false'] {
+  height: 0;
   overflow: hidden;
-
-  &[aria-expanded='false'] {
-    height: 0;
-  }
 }
 
 .mat-horizontal-content-container {

Original file line number	Diff line number	Diff line change
`@@ -63,12 +63,9 @@ $mat-stepper-line-gap: 8px !default;`
`63`	`63`	`}`
`64`	`64`	`}`
`65`	`65`
`66`		`-.mat-horizontal-stepper-content {`
	`66`	`+.mat-horizontal-stepper-content[aria-expanded='false'] {`
	`67`	`+ height: 0;`
`67`	`68`	`overflow: hidden;`
`68`		`-`
`69`		`- &[aria-expanded='false'] {`
`70`		`- height: 0;`
`71`		`- }`
`72`	`69`	`}`
`73`	`70`
`74`	`71`	`.mat-horizontal-content-container {`