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

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.
angular · Oct 12, 2015 · f54275a · f54275a
1 parent 88d2a09
commit f54275a
Showing 1 changed file with 3 additions and 0 deletions.
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 {