Page MenuHomePhabricator

Long project and milestone names in new 2-column Maniphest view render poorly
Closed, ResolvedPublic

Assigned To
Authored By
Mar 10 2016, 12:09 AM
Referenced Files
F1166092: pasted_file
Mar 10 2016, 12:25 AM
F1166084: pasted_file
Mar 10 2016, 12:09 AM
F1166082: pasted_file
Mar 10 2016, 12:09 AM


(Updated to commit 27ce6918390088fbd6f786fb1a856d740bcf57b0 to reproduce)

After switching to the new 2-column view in last weeks update long project/milestone names render off the page (and cause horizontal scrolling)

pasted_file (90×326 px, 7 KB)

.element {
    white-space: normal;
    display: inline-block;

Looks roughly right instead.. but is different styling than is normally used as these wrap in larger blocks of text. (And might not render right for all cases)

pasted_file (67×277 px, 6 KB)

Event Timeline

We might not use tags over there, not clear yet.

Tags over 320px are likely cut off in all mobile devices anywhere you use them, as well. There aren't too many options if you use really really long names. GitHub cuts it off in like, 20 characters.

pasted_file (99×224 px, 4 KB)

Yeah, cut-off would also be acceptable (although I like wrapping slightly better). It might motivate users to pick shorter names but there's not even a lot of space for reasonable names when combined with milestones/subprojects like:

"Project (Milestone 1 (Early 2016))" already using ~ 75% of the width of the sidebar.

It seems the pop-up card when mousing over these should show the full name, but it's cut off there too.

Thanks for the report! Resolved at HEAD.

Awesome, thanks! Updated to latest and confirmed.