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.
angular · Aug 27, 2018 · f6e787a · f6e787a
1 parent 1f88bd7
commit f6e787a
Showing 1 changed file with 4 additions and 0 deletions.
diff --git 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 {