avatar aspect ratio

plunkr not working,

but avatars are having their aspect ratios changes (cards and lists):

<img matListAvatar src="..." alt="...">

If my profile pictures aren’t square, they get crushed/distorted into a different aspect ratio.

I’m on latest chrome on mac, using material 2.00-beta.12

“dependencies”: { “@angular/animations”: “^4.4.5”, “@angular/cdk”: “^2.0.0-beta.12”, “@angular/common”: “^4.4.5”, “@angular/compiler”: “^4.4.5”, “@angular/core”: “^4.4.5”, “@angular/forms”: “^4.4.5”, “@angular/http”: “^4.4.5”, “@angular/material”: “^2.0.0-beta.12”, “@angular/platform-browser”: “^4.4.5”, “@angular/platform-browser-dynamic”: “^4.4.5”, “@angular/router”: “^4.4.5”, “@ng-idle/core”: “^2.0.0-beta.12”, “@ng-idle/keepalive”: “^2.0.0-beta.12”, “angular2-moment”: “^1.7.0”, “bootstrap”: “^3.3.7”, “core-js”: “^2.5.1”, “hammerjs”: “^2.0.8”, “jquery”: “^3.2.1”, “ng2-signalr”: “^2.1.1”, “ngx-bootstrap”: “^1.9.3”, “rxjs”: “^5.4.3”, “signalr”: “^2.2.2”, “zone.js”: “^0.8.18” }, “devDependencies”: { “@angular/cli”: “^1.4.7”, “@angular/compiler-cli”: “^4.4.5”, “@angular/language-service”: “^4.4.5”, “@types/jasmine”: “2.5.45”, “@types/node”: “^6.0.89”, “codelyzer”: “~3.0.1”, “jasmine-core”: “^2.8.0”, “jasmine-spec-reporter”: “^4.2.1”, “karma”: “^1.7.1”, “karma-chrome-launcher”: “~2.1.1”, “karma-cli”: “~1.0.1”, “karma-coverage-istanbul-reporter”: “^1.2.1”, “karma-jasmine”: “~1.1.0”, “karma-jasmine-html-reporter”: “^0.2.2”, “protractor”: “~5.1.2”, “ts-node”: “~3.0.4”, “tslint”: “~5.3.2”, “typescript”: “~2.3.3” }

[robert-king]

i think something that would be useful is a circular image component that displays a circular image thats centered e.g. <mat-circle-img [src]=“…”> and it would have to use background: cover, or do it’s own calculations to centre the image.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}