From f54275ad181b5b37fe20a45667ab4e5d1b507b1d Mon Sep 17 00:00:00 2001 From: Topher Fangio Date: Mon, 12 Oct 2015 15:12:52 -0500 Subject: [PATCH] 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. --- src/components/card/card.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/components/card/card.scss b/src/components/card/card.scss index 9b76cdbbea3..86aa677408b 100644 --- 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 {