fix(mdCard): Fix card image height in IE.

topherfangio · topherfangio · commit f54275ad181b · 2015-10-12T15:25:32.000-05:00
In IE11, the height of the card image was not properly displaying proportinally to the width due to https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored. Fix by setting the image to use flex layout itself instead of just width. Tested in IE11, Edge, Chrome, Safari & Firefox. Fixes #761.
diff --git a/src/components/card/card.scss b/src/components/card/card.scss
@@ -11,7 +11,10 @@ md-card {
 
   > img,
   > :not(md-card-content) img {
+    display: flex;
+    flex: 0 0 auto;
     width: 100%;
+    height: auto;
   }
 
   md-card-content {

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,10 @@ md-card {`
`11`	`11`
`12`	`12`	`> img,`
`13`	`13`	`> :not(md-card-content) img {`
	`14`	`+ display: flex;`
	`15`	`+ flex: 0 0 auto;`
`14`	`16`	`width: 100%;`
	`17`	`+ height: auto;`
`15`	`18`	`}`
`16`	`19`
`17`	`20`	`md-card-content {`