Page MenuHomePhabricator

Text should wrap around thumbnails on tablet sized devices
Closed, InvalidPublic

Description

Currently, we have huge whitespace on both sides of thumbnails. We should implement the same float behavior for bigger sized devices as that would improve the reading experience by wrapping text around thumbnails.

Here is a screenshot of what I mean:

Screen Shot 2016-08-10 at 15.54.20.png (1×1 px, 557 KB)

By creating a rule similar to Vector .tleft, we can achieve the same effect in Minerva.

Event Timeline

jhobs added a project: Web-Team-Backlog.
jhobs subscribed.

This may be an on-wiki decision. Something to keep in mind.

Jdlrobson triaged this task as Medium priority.Aug 11 2016, 5:17 PM
Jdlrobson moved this task from Incoming to Needs Prioritization on the Web-Team-Backlog board.

We can introduce styles for tleft class (either for tablet users or all users), but I leave this to Nirzar.

Nirzar lowered the priority of this task from Medium to Low.Aug 16 2016, 6:12 PM

@Nirzar I only see this being an issue for devices where the screen is under 720px (tablet styles threshold) and even there I'm seeing little opportunity to improve the usage of whitespace. Where images are small, that becomes an editorial problem.

Is this really a real world problem or can this be declined?

500px:

Screen Shot 2017-04-27 at 11.58.31 AM.png (473×494 px, 221 KB)

720px:

Screen Shot 2017-04-27 at 11.57.24 AM.png (468×719 px, 242 KB)