fix(list): improved image scaling in avatar

Improves the scaling for list avatar images that aren't exact squares. Fixes angular#8131.
crisbeto · Aug 13, 2018 · e47f84b · e47f84b
1 parent 499458c
commit e47f84b
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);
     }