[Entity-Browser] Icons distorted on Chrome

Created on 22 March 2023, over 1 year ago
Updated 24 April 2023, over 1 year ago

Problem/Motivation

On current chrome icons on an Entity Browser Widget are distorted.

Steps to reproduce

After selection of an image using Entity Browser you will get distorted icons on current Chrome only:

On current firefox or safari on mac I do not have any issues.

Proposed resolution

Avoid one-value syntax for background-size. It sets the width of the image but the height becomes auto. See https://developer.mozilla.org/en-US/docs/Web/CSS/background-size. Using background-size: 15px 15px; will fix the issue for me:

🐛 Bug report
Status

Fixed

Version

3.0

Component

Code

Created by

🇩🇪Germany rwam

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024