Page MenuHomePhabricator

Improve project tag truncation and wrapping behavior on mobile/devices
Closed, ResolvedPublic

Description

We bumped the number of project tags shown in the Maniphest list before adding a (...) truncation up to 4 (from 2), but we often don't have enough room to fit 4 on mobile. At some point we should adjust this element so it works more consistently on mobile (it doesn't necessarily need to do the same thing the desktop version does, and the current behavior isn't bad, but it's a little inconsistent).


Original Description

We are usin projects to tag tasks. Sometimes there are a couple of tags like Story, customer, app11, app2

Would be great not starting already after two tags with the "..." To have quick access to the individual projects.

Event Timeline

hwinkel added subscribers: hwinkel, tolbrino.

Somehow related to T390 I assume.

+@chad

I don't see any reason not to do this, just need to make sure it's OK on mobile. We should probably still have a cutoff, but I'd guess we can fit, like, 4-5 in there.

This is controlled by ManiphestTaskProjectsView:

$show = array_slice($this->handles, 0, 2);
epriestley changed the visibility from "All Users" to "Public (No Login Required)".Oct 13 2013, 12:41 AM

@epriestley, thanks for the pointer!

Would it be possible to make a config variable for this?

I think we're just going to increase it in general, but need to make sure it doesn't toast devices when we do.

Yeah we can bump it up, I think we can CSS hide over 2 on mobile.

epriestley renamed this task from Show more project tags than just two in task list to Improve project tag truncation behavior on mobile/devices.Feb 13 2014, 6:09 PM
epriestley lowered the priority of this task from Low to Wishlist.
epriestley updated the task description. (Show Details)
epriestley added a project: Design.

T5589 has another similar issue that contributes to this experience being poor.

epriestley renamed this task from Improve project tag truncation behavior on mobile/devices to Improve project tag truncation and wrapping behavior on mobile/devices.Jul 10 2014, 1:37 PM