From f6e787a6ee7e30ef9d6ff45eaee2a1555e8419eb Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Mon, 27 Aug 2018 18:54:41 +0200
Subject: [PATCH] fix(chips): improved image scaling in avatar (#12843)

Along the same lines as #12660. Uses `object-fit: cover` to better scale the avatar image, where available.
---
 src/lib/chips/chips.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/lib/chips/chips.scss b/src/lib/chips/chips.scss
index 235a078da4fd..a6e1c5ae8d0c 100644
--- a/src/lib/chips/chips.scss
+++ b/src/lib/chips/chips.scss
@@ -151,6 +151,10 @@ $mat-chip-remove-size: 18px;
   align-items: center;
   display: flex;
   overflow: hidden;
+
+  // Makes `<img>` tags behave like `background-size: cover`. Not supported
+  // in IE, but we're using it as a progressive enhancement.
+  object-fit: cover;
 }
 
 input.mat-chip-input {