Page MenuHomePhabricator

Media Search: Quick view image sizing bug
Closed, ResolvedPublic

Description

This bug seems to only be on Chrome but I'm getting some sizing issues with the image within the quickview. There isn't a left and right margin and it is horizontally scrollable.

quickview_image.jpg (939×2 px, 537 KB)

The image on the right is the expected design which is not scrollable and has left and right margins.

Event Timeline

@egardner mentioned this as the potential culprit

I think that there is a difference in how FF vs Chrome handle auto image width; we might need to set a max-width of 100% on the quick view thumbnail element (.wbmi-quick-view__thumbnail--loaded) for proper behavior in Chrome

mwilliams renamed this task from Media Search: Quick view image bug to Media Search: Quick view image sizing bug.Nov 16 2020, 10:48 PM

I'll fix this along with the grid work

Change 642521 had a related patch set uploaded (by Anne Tomasevich; owner: Anne Tomasevich):
[mediawiki/extensions/WikibaseMediaInfo@master] Improve image grid and fix QuickView thumbnail size

https://gerrit.wikimedia.org/r/642521

Change 642521 merged by jenkins-bot:
[mediawiki/extensions/WikibaseMediaInfo@master] Improve image grid and fix QuickView thumbnail size

https://gerrit.wikimedia.org/r/642521

Etonkovidova subscribed.

Checked in commons wmf.21 - comparing with the image from the task description,all look according to the specs:

Screen Shot 2020-12-09 at 1.05.15 PM.png (688×1 px, 1 MB)