8

Have a look at this user's network profile. The profile picture is overflowing.

enter image description here

While his Stack Overflow profile looks fine. Please fix this.

  • Facebook imported pictures are not resized like pictures hosted on imgur or Gravatar, hence this issue. Almost sure it was reported before, let me check... – Shadow 10 Years Wizard Sep 30 '13 at 7:23
  • I was the one to report it in the past, looks like the fix was overwritten at some point. :) – Shadow 10 Years Wizard Sep 30 '13 at 7:25
  • @ShaWizDowArd - Wow you also reported him that concern. – Himanshu Jansari Sep 30 '13 at 7:28
  • 1
    Yep, I feel like an oracle! ;) – Shadow 10 Years Wizard Sep 30 '13 at 7:31
  • 1
    I took the liberty to integrate your screenshot in my report, hope you don't mind! Also flagged my report asking to remove the status-completed. :) – Shadow 10 Years Wizard Sep 30 '13 at 7:33
  • @ShaWizDowArd - Nevermind :) – Himanshu Jansari Sep 30 '13 at 7:35
5

overflow: hidden; added to the user-avatar CSS class.

Thank for reporting.

With you in the next SE.com build.

Done.

| improve this answer | |
  • Doesn't it still look wired? It's not a square. – Himanshu Jansari Sep 30 '13 at 10:13
  • 1
    @hims056 - You are right - there is some padding there, and the element is floated. Will see what I can do about it. – Oded Sep 30 '13 at 10:18
  • All we need is to remove right padding and add margin-right: 15px; – Himanshu Jansari Sep 30 '13 at 10:22
  • 1
    @hims056 - sorted. – Oded Sep 30 '13 at 10:34
3

The reason is <div class="user-avatar"> has width: 128px; and the image itself is 200px wide. So the text is not overflowing avatar's div, but image inside that div is too wide for it's container.

Stack Overflow uses overflow: hidden; on the avatar container div, so image is clipped and the right side of it is simply not visible. Network profile does not have this set.

| improve this answer | |
  • But his Stack Overflow profile uses the same image. Probably we need to use the same class/style in network profile as Stack Overflow. – Himanshu Jansari Sep 30 '13 at 7:20
  • 1
    @hims056 updated. – Mołot Sep 30 '13 at 7:21

Not the answer you're looking for? Browse other questions tagged .