fix(list): improved image scaling in avatar (#12660)

Improves the scaling for list avatar images that aren't exact squares. Fixes #8131.
angular · Aug 21, 2018 · 9a59c2a · 9a59c2a
1 parent 136f5dd
commit 9a59c2a
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/lib/list/list.scss b/src/lib/list/list.scss
@@ -143,6 +143,10 @@ $mat-list-item-inset-divider-offset: 72px;
     height: $avatar-size;
     border-radius: 50%;
 
+    // Not supported in IE11, but we're using this as a
+    // progressive enhancement to get better image scaling.
+    object-fit: cover;
+
     ~ .mat-divider-inset {
       @include mat-inset-divider-offset($avatar-size, $mat-list-side-padding);
     }