Page MenuHomePhabricator

[Ipad & desktop] Empty spaces in between products for both
Open, MediumPublic

Description

There are empty spaces in between products like there are products missing (and -/+ 'missing item' when taken from portrait view to landscape view for ipad)

These are present in
http://shop.wikimedia.org/accessories
http://shop.wikimedia.org/collections/all
http://shop.wikimedia.org/collections/all-products

Ipad Mini:

2015-02-04_12.57.43.jpg (342×256 px, 22 KB)

2015-02-04_12.58.33.jpg (1×768 px, 153 KB)

2015-02-04_12.59.14.jpg (256×342 px, 18 KB)

2015-02-04_12.59.36.jpg (768×1 px, 92 KB)

2015-02-04_12.59.39.jpg (768×1 px, 117 KB)

2015-02-04_13.01.10.jpg (768×1 px, 110 KB)

Ipad:

2015-02-04_13.06.02.jpg (2×1 px, 429 KB)

2015-02-04_13.06.05.jpg (1×2 px, 421 KB)

2015-02-04_13.06.35.jpg (2×1 px, 324 KB)

Desktop: (/collections/all only)

Screen_Shot_2015-02-04_at_1.58.47_PM.png (724×1 px, 390 KB)

Screen_Shot_2015-02-04_at_1.58.56_PM.png (721×1 px, 472 KB)

Event Timeline

MNguyen raised the priority of this task from to Needs Triage.
MNguyen updated the task description. (Show Details)
MNguyen added a project: Wikimedia-Shop.
Prtksxna triaged this task as Medium priority.Feb 7 2015, 12:01 AM
Prtksxna edited projects, added Shop-Theme; removed Wikimedia-Shop.
Prtksxna set Security to None.

The long product names are causing this issue. Proposed solution: truncate the long product names with ellipses. I will add this in next patchset

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

@Nirzar Looks good . Submit a pull request?