instructure/canvas-lms — Issue #143: Large profile pictures are problematic
Author: christopher-b
Created: 2012-02-17 20:35:37+00:00
State: open

When users upload profile pictures with very large dimensions it becomes problematic. On the user detail page (for example, /accounts/1/users/999), if the image is larger than the content area, the Edit | Become | Merge | Delete links become hidden (pushed far to the right) and inaccessible. The entire Name and Email fieldset is clipped by the #content div, which has overflow:hidden.

Possible solutions:
- Change #content to overflow: scroll
- Scale the image to the width of the content area, would prevent overflow from happening
- Resize profile image server-side upon upload
- Make the Edit | Become | Merge | Delete links show up on the left side of the content area even with the large image

Thanks.