Avatar is blurry. #487

Closed
opened 2026-04-05 20:28:01 +02:00 by MrUnknownDE · 0 comments
Owner

Originally created by @drhino on 9/28/2022

CloudPanel version(s) affected

2.0.4

Description

Avatar (Gravatar) is blurry.

How to reproduce

Login to CloudPanel.

Possible Solution

Possible Solutions:

  1. change image width and height from 35 to 36 (on the element).
  2. change gravatar url from:
    https://www.gravatar.com/avatar/.../?s=36&d=mp
    to:
    https://www.gravatar.com/avatar/.../?s=35&d=mp

Additional Context

Additional Context:

  • Consider using double the size for sharper results; e.g: "?s=70". Since the width and height is set on the element in HTML, the layout will never shift when using a larger image.
  • The element can be found in: body > header.header > div.navbar-right-container > div.navbar-right > ul > li.user-avatar > a.dropdown-toggle > img
*Originally created by @drhino on 9/28/2022* ### CloudPanel version(s) affected 2.0.4 ### Description Avatar (Gravatar) is blurry. ### How to reproduce Login to CloudPanel. ### Possible Solution Possible Solutions: 1) change image width and height from 35 to 36 (on the element). 2) change gravatar url from: https://www.gravatar.com/avatar/.../?s=36&d=mp to: https://www.gravatar.com/avatar/.../?s=35&d=mp ### Additional Context Additional Context: - Consider using double the size for sharper results; e.g: "?s=70". Since the width and height is set on the element in HTML, the layout will never shift when using a larger image. - The element can be found in: body > header.header > div.navbar-right-container > div.navbar-right > ul > li.user-avatar > a.dropdown-toggle > img
Sign in to join this conversation.